Zepto.js je nové jQuery?

Nedávno som na nete narazil na zaujívavú mini-knižničku Zepto.js, ktorá zo začiatku mala ísť konkurenčne voči jQuery Mobile... Dnes? Možný suplement celého jQuery.

Iste množstvo zo zajtra-kov pozná jQuery. (Skvelý set tutoriálov od yablka) jQuery je vskutku skvelým frameworkom na veľmi komplexné riešenie
problémov s raw JS, ajaxových requestov, kompatibility prehliadačov a pod. A presne posledný spomenutý bod môže byť problémom. jQuery sa stáva
pomerne masívnou platformou, kde sa nešetrí kódom, pridáva sa fukcionalita ktorá je už raz napísaná znova, či už kvôli exploreru alebo celému
procesu zjednodušovania života developerov (prípadne ich lenivosti :-)). Celková veľkosť jQuery (pri verzii 1.7.2) je ~96KB (.js)
... celkom handy a tá veľkosť nie je až taká hrozná.

A čo Zepto.js? V podstate je Zepto.js (ne)optimalizované jQuery, tvorcovia Zepto, ako správni hateri, radšej kašlú na spätnú kompatibilitu
u niektorých prehliadačov.
Zepto.js optimalizované pre:

• Safari 5+ (desktop)
• Chrome 5+ (desktop)
• Mozilla Firefox 4+
• iOS 4+ Safari
• Android 2.2+ Browser
• Other WebKit-based browsers/runtimes
• webOS 1.4.5+ Browser
• BlackBerry Tablet OS 1.0.7+ Browser
• Amazon Silk 1.0+
• Opera 10+

jasne vidno, že nejaký IE ani neriešili. Hlavnou výhodou Zepto je úplná zhoda syntaxe s jQuery a takmer úplná funkcionalita jQuery. Zepto.js
využíva, tak ako aj jQuery selektorovú knižnicu sizzle.js, pokročilú správu eventov, plnú podporu crossbrowser Ajaxu a pod. Hlavným lákadlom
je však nízka veľkosť knižnice (pri verzii 1.0rc1) ~24KB (.js). Čo je len 1/4 jQuery! Navyše komunita okolo Zepto.js je rastúca a vyzerá to celé dosť sľubne.

Čo Zepto.js neponúka po stránke funkcionality?

• niektoré CSS selektory (:eq() a pod.)
• niektoré volania natívnych funkcii sa môžu líšiť
• nepodporuje pokročilejšiu syntax pri animate() metóde (.animate({"left": "+=50px"});)
• nepodporuje easing, len CSS3 animácie

Prednosti Zepto.js

• zopár pridaných funkcii, ktoré v jQuery nenájdete (reduce(), pluck(), indexOf() a pod.)
• rôzne tap eventy (.tap(), .singleTap(), .swipe() a pod.)

Kedy použijem Zepto.js?

Treba zvážit situáciu, očakávania klienta, či publikum. Taktiež ako veľmi komplikovane programujete a aké pokročilosti jQuery používate.
Ak však používate 95% obyčajného jQuery, potom by som rozhodne zvolil variantu výberu knižnice podľa klienta (prehliadača), kde môže vhodne pomôcť niečo ako:

pre yepnope (tutoriál od yablka):

yepnope({
  test: !+"\v1", // prehliadač je IE?
  yep: 'jquery.js',
  nope: 'zepto.js'
});

alebo (<3 raw JS):

('__proto__' in {} ? 'zepto.js' : 'jquery.js');

alebo... doplniť v komentoch... sami viete ako na to... lepšie ;-)