spájame
slovenskú
IT komunitu
pridaj sa
Registrácia · Login
Roman Hraška 5.7.2011, článok je súčasťou seriálu Nauč sa jQuery [HD]
Hodnoť článok:
1 0

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)

stiahni video »

ak ma chceš podporiť, behni na yablko.sk a možno spravím nový seriál či dva:)

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]

Ďalšie časti seriálu Nauč sa jQuery nájdeš tu:
dev > jQuery

Roman Hraška Roman Hraška

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 :)


Hodnoť článok:
1 0


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:


Zabudol som heslo

0 0 Ynjoh Samot 31.7.2013 19:00:25
inac fajn tutorial yablko :) , sory za dlhy koment :P
0 0 Ynjoh Samot 31.7.2013 18:58:32
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>
0 0 Adam Kabac 25.9.2011 19:16:49
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é ...
0 0 Adam Kabac 25.9.2011 18:33:06
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
0 0 Kenji Pedestrian (fb) 10.7.2011 00:00:00
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.
0 0 Lukáš Andel (fb) 8.7.2011 00:00:00
chcel som len nakuknut a aj tak som si to pozrel cele :))
0 0 Ten Kubo (fb) 7.7.2011 00:00:00
... a taktiež sú tie obrázky podsebou :/
0 0 Bobo Maťkin Varga (fb) 6.7.2011 00:00:00
Ked som si stiahol ten dokument na stiahnutie a dal som si ho na localhost tak v chrome mi nefunguje ten slide....
Zajtra.sk > Programovanie > JS/jQuery > Videocast: Nauč sa jQuery (13) - jQuery UI, yepnope a Modernizr


Kritika

Vieš ako robiť veci lepšie? Pomôž našim odvážnejším členom a skritizuj im projekty!

Reklama

Seriály zo Zajtra.sk

Reklama