Videocast: Nauč sa jQuery (13) - jQuery UI, yepnope a Modernizr
Šťastný trinásty videocastu Nauč sa jQuery, úžasných 42 minút s Yablkom, v ktorých sa pozrieme na User Interface knižnicu jQuery UI a nástroje yepnope a Modernizr, ktoré pomáhajú s tvorbou prudko moderných stránok
Nový diel seriálu videocastov Nauč sa jQuery s @Yablkom:
Nauč sa jQuery (13): jQuery UI, yepnope a Modernizr
Dnes sa pozrieme na User Interface knižnicu jQuery UI a nástroje yepnope a Modernizr, ktoré pomáhajú s tvorbou prudko moderných stránok
Toto video trvá takmer 43 minút a video má veľkosť takmer 265 MB (údaj pre tých, ktorí si musia dávať pozor na svoj prenos dát)
sledujte yablka skrz twitter - @yablko - pre informácie o nových videách a občasné nervové zrútenie
* * *
Páči sa ti tento seriál? Tak šír dobré meno nášho seriálu, čím viac čitateľov, tým viac nás bude baviť robiť ďalšie časti :)
Súbory na stiahnutie:
- Stiahnite si spakované súbory k tejto lekcií: RAR [download] alebo ZIP [download]

Robí s webom a občas o tom napíše. Nekomplikuje jednoduché a snaží sa neznieť príliš dôležito, pretože nie je. Medzi jeho záľuby patria jeho záľuby a tautológia. Nájdeš ho na brm.sk a obsmŕda aj na twitteri, ako @yablko.
Skús moje seriály: Nauč sa jQuery, Nauč sa CodeIgniter a Yablkov TurboTip. Ak ma chceš dohnať k tvorbe nových seriálov, behni na yablko.sk :)
8 komentárov k článku:
Komentovať môžu iba prihlásení
Zaregistruj sa cez bezplatnú registráciu alebo použi login cez Facebook (FB Connect)
Prihlás sa tu, ak už máš profil na Zajtra.sk:

na to aby vam fungoval ten slider potrebujete stiahnut si novu verziu jqeuryUI a potrebujete nastavit hodnotu WIDTH u obrazkov, inac vam to nepojde... ja som to cele obalil do .LOAD aby sa to vykonalo az po nacitani obrazkov, lebo vtedy uz bude vediet WIDTH obrazkov...
alebo jednoducho mozte natvrdo priradit vsetkym nejaku width cez
$('img').css({width:200});
a este moje vylepsenie : images.outerWidth(true) vam vrati width+padding+margin, takze netreba tam natvrdo pricitavat tych 10
prikladam poupraveny uz funkcny yablkov skript
<script>
$(function()
{
$('img').load(function()
{
// vyberieme galeriu, zratame v nej sirku obrazkov vratane paddingov a marginov
var gallery = $('#gallery'),
conveyor = $('p', gallery),
images = conveyor.find('img'),
newWidth = images.length * (images.outerWidth(true));
console.log(gallery.width());
// nastavime sirku celeho pasu tak, aby sa vsetky obrazky zmestili vedla seba
conveyor.css({ width: newWidth });
// nastavime pas obrazkov na sirku obrazkov - sirku galerie
// kazda hodnota slidera bude korespondovat s kazdym pixelom dlky pasu
// zmenou hodnoty slidera o 10 bodov, zmenime poziciu pasu obrazkov o 10px
// cize posuvanie slidera bude posuvat pas obrazkov
// galeria bude sluzit ako "kukatko", cez ktore nahliadame na pas obrazok
// yep yep yep
$('#slidingz').slider({
max: newWidth - gallery.width(),
slide: function(e, ui) {
conveyor.css({ right: ui.value });
}
});
});
});
</script>

som si akurát na ton videu všimol že v chrome to musím dať dva krát načítať aby to zobrazilo správne a v opere mi to už ide normál tiež je to nejaké divoké ...

tak toto je hardcore v IE to ide tak ako má a v opere a v chrome to blbne to som ešte nevidel :D ale firefox valcuje :) ... inač super tutorialy všetky len chválim

Ludia, Yablko tu pise ze nema facebook, takze si tieto komenty zrejme nemoze precitat.
Inak chvalim tutorial, aj celkovo smerovanie serialu a vsetko, tesim sa na dalsie.

Ked som si stiahol ten dokument na stiahnutie a dal som si ho na localhost tak v chrome mi nefunguje ten slide....
Novinky
2 rokmi
Aprílové vtípky: Výběr toho nejlepšího kolem počítačů, internetu a techniky
Výběr nejlepších aprílových vtípků 2019
2 rokmi
Fotky Google sa učia lepšie pracovať s dokumentmi
Spoločnosť Google prostredníctvom svojho účtu na sociálnej sieti Twitter oficiálne predstavila novú funkciu svojej aplikácie Fotky Google.
2 rokmi
Gmail dovoľuje naplánovať poslanie emailu neskôr
Spoločnosť Google dnes oznámila pridanie funkčnej novinky do svojej populárnej webmailovej služby Gmail, možnosť naplánovať poslanie emailu na neskôr.
3 rokmi
Používatelia Chrome začali prechádzať na nový rýchlejší Firefox, avizujú dáta Mozilly
Nový lepší a rýchlejší prehliadač Firefox 57 Quantum vyúsťuje zrejme do viac používateľov prechádzajúcich respektíve vracajúcich sa na tento prehliadač z iných prehliadačov, na osobných počítačoch aj smartfónoch.
3 rokmi
Briti dokončili kúpu SK-NIC-u. Nové .sk domény nechávajú za 8.4 eur
Predaj správcu slovenskej domény .sk, SK-NIC, bol dokončený a novým majiteľom po telekomunikačnej skupine Danubiatel, do ktorej patrí napríklad Swan a 4ka, je britská spoločnosť CentralNic.
Staršie novinky »TOP dlhšie
- 01 Farbičky v HTML a CSS, alebo? (891x)
- 02 Tiché COMBO Logitech MK295 (738x)
- 03 Kamery, cloud a bezpečnosť (721x)
- 04 Kingston uvádza 128GB verziu šifrovaného USB (708x)
- 05 Pochopte, ako vytvoriť virtuálny obchod v 6 krokoch (637x)
- Aj ty môžeš byť najčítanejší. Napíš článok »
TOP tento mesiac
- Aj ty môžeš byť najčítanejší. Napíš článok »
Nové články:
- 14.Kingston uvádza 128GB verziu šifrovaného USB
sep - 10.Tiché COMBO Logitech MK295
sep - 24.Farbičky v HTML a CSS, alebo?
aug - 23.Pochopte, ako vytvoriť virtuálny obchod v 6 krokoch
aug - 29.Kamery, cloud a bezpečnosť
jul - Viac »
- Aj ty môžeš byť najčítanejší. Napíš článok »
Pekné veci
Pekné veci
Pekné veci
Pekné veci
Posledné komentáre
- Pokiaľ používaš nejaký lepší bitmapový editor, napr. Photoshop, a chceš robiť retuše, ed...
- Veľmi dobrý článok a pre začiatočníka úplne odrazový mostík. https://ludwaismania1.blogs...
- Nova international a prima lus majú vysporiadané pravs ale aj CNN prima News
- Tv Joj nijako neobmedzuje šírenie médii, ktoré majú vysporiadané licenčné práva pre Slov...
- Nech televizie vrátia naspäť originál verzie a tie internationali nech zrušia. Každý si ...
Kritika
Vieš ako robiť veci lepšie? Pomôž našim odvážnejším členom a skritizuj im projekty!
Reklama
Slovenská IT komunita
Seriály zo Zajtra.sk
· Ako písať blog
· Ako sa stať PHP ninja s Yii Frameworkom
· Aplikácie pre Facebook
· CSS triky
· iOS vývojára príhody a skúsenosti
· Jednoduché programy, ktoré vám ušetria čas
· Modelovanie webového sídla
· Nauč sa CodeIgniter [HD]
· Nauč sa jQuery [HD]
· Nette PHP framework
· OOP v Javascripte
· Programujeme v Jave
· Programujeme v Lazaruse
· Programujeme v Pythone
· Robíme Eshop v ASP.NET Web Pages
· Slovenskí iOS developeri
· Webdizajn krok po kroku
· Yablkov TurboTip [HD]
inac fajn tutorial yablko :) , sory za dlhy koment :P