Arhiva pentru tagul “jQuery”

nanoGallery: wow, wow, wow

Voi începe admiţând că nu a folosit nanoGallery în vreun proiect, dar negreşit o voi face. Este vorba de un plugin jQuery absolut extraordinar. Că lucrează pe un set de imagini e una; că poate lucra pe albume deja existente, fie că sunt cazate pe Flickr, Picasa sau altele, este absolut năucitor. Cu câteva linii de cod poţi insera galerii existente: toată galeria sau un album anume. Unde mai pui şi că merge sub smartphone-uri, adaptându-se ca rezoluţie (bonus: va descărca de pe Picasa/Flickr acea rezoluţie potrivită rezoluţiei disponibile – deci nu o poză de 2MB când are un spaţiu mic de afişare).

imagine

Pe pagina proiectului găsiţi demonstraţii grăitoare, dar eu, ca Toma necredinciosul, am vrut să văd cu ochii mei, pe …


S/2: Efecte CSS3, pluginuri jQuery, gradienţi

Sunt proiecte care îmi scot un „uau” gigantic, iar iHover intră fără dubii la această categorie. Desigur, totul este să ai unde să foloseşti astfel de efecte, dar dacă sunteţi webmaster şi preţuiţi factorul estetic, veţi găsi pe la galerii sau undeva să implementaţi aceste minunate efecte care se reduc la CSS3. Aveţi doar grijă sub ce navigatoare merg (la unele se specifică explicit că nu merg sub IE9, de exemplu). Fiind doar CSS3 nu există constrângeri de folosit vreun anume framework JavaScript, dar autorul ne garantează că merg bine de exemplu cu Bootstrap.

imagine

Am reţinut interesanta selecţie 10 fresh JavaScript/jQuery plugins you should definitely check out. Personal sunt interesat în special de SlideBars, ilustrat mai jos (un …


Amplify.js: un plugin jQuery pentru salvarea datelor

În funcţie de navigator, dar şi de versiunea lui, sistemul de salvare a datelor diferă. Aşa, ca amintire, am scris în 2012 două articole cu titlul „HTML5: despre localStorage”: I şi II; iar în 2013 două articole cu titlul „jQueryMobile şi localStorage”: I şi II. Revenind: dacă vreţi să aveţi o oarecare linişte, că rulează pagina pe un navigator ce suportă HTML5, că nu, vă recomand folosirea bibliotecii Amplify.js. Am folosit-o recent într-un proiect şi am fost mulţumit. Desigur, nu am testat-o în zeci de condiţii, dar mi-a plăcut că e simplu de folosit.

imagine

În fapt s-ar putea pentru proiecte simple să folosiţi o singură funcţie: amplify.store (ca notă, merge sub IE 5+, Firefox …


Columnizer: plugin jQuery pentru pus textul pe coloane

Poate unii vor considera comic un astfel de subiect: păi CSS3 nu permite aşa ceva fără plugin jQuery?! Ba da. Am văzut şi un generator care ne ajuta să avem un text pe coloane în câteva secunde, care, pe atunci (era 2011, cred că foloseam IE 9) nu mergea corect sub IE. Acum însă, sub IE10 merge bine. Cei care nu vor să îşi bată capul cu care navigator cât de bine suportă facilitatea numită coloane din CSS3, vor prefera o soluţie jQuery, chiar dacă şi ea, întorcându-ne înapoi în timp sub navigatoare din epoca de piatră, nu e perfectă.

imagine

Am folosit recent Columnizer, un plugin atât de uşor de folosit încât ajunge o singură linie de …


Colecţie de colecţii de pluginuri pentru jQuery

Ca fan jQuery urmăresc cam ce se scrie despre jQuery, ce pluginuri mai apar. Că nu ajung să le testez pe toate e o altă poveste. Acum însă m-aş opri la diverse colecţii de pluginuri jQuery, salvate în ultimele luni… multe luni. Ca o observaţie: unele, puţine, sunt comerciale, deci costă. Marea majoritate sunt însă gratuite. Mai recente ar fi: 70+ jQuery Touch Event Plugins – Support Touch Gestures! de la TripwireMagazine, 10 Best jQuery Plugins for Web Designer and Developers de la DJDesignerLab sau 30 Best UI Framework of jQuery Plugins de la SmashingHub.

imagine

Dar mi-am pus semne de carte la mai mult!

  • 11 Awesome “jQuery Site Tour …


Meniuri a la Facebook (versiunea mobilă)

Folosiţi Facebook versiunea mobilă (foarte mulţi sigur vor răspunde da, sunt sigur)? Atunci ştiţi tipul de meniu care se arată şi se ascunde din partea stângă a ecranului. E o metodă bună pentru a avea un meniu complex dar care să nu stea mereu în cale. Dacă aţi dori ceva similar pentru webaplicaţiile Dvs am două recomandări. Şi am să încep cu soluţia care mi se pare mai completă dar poate şi mai complexă: Sidr, care se prezintă ca the best jQuery plugin for creating side menus and the easiest way for doing your menu responsive.

imagine

Pentru a descrie un meniu ne vom folosi de un div numit… sidr (evident!) în care putem o listă ul. Meniul poate veni …


Zoomooz.js: plugin jQuery pentru efecte a la Prezi

Probabil ştiţi Prezi. Dacă v-a plăcut acel stil, cu zoom in şi out pe anumite elemente, ei bine, puteţi crea ceva similar via JavaScript! Este vorba de pluginul jQuery numit Zoomooz.js, pe care îl puteţi vedea în acţiune în singura lui pagină. De exemplu dând click pe dreptunghiul verde (nu din captura de mai jos, ci de pe sit – pe textul scris mai mic). Şi derulând în pagină veţi vedea şi alte exemple. Efectul este năucitor şi poate avea aplicaţii atâta timp cât e ţinut totuşi sub control – altfel îţi dă dureri de cap (rotirile mai ales).

imagine

În sine pluginul pare uşor de folosit – nu, nu l-am testat personal – dar fiţi atenţi şi …


w2ui: bibliotecă jQuery pentru interfeţe

Desigur există jQuery UI, şi eu aş spune că merge înspre bine. Independent există şi alte proiecte, precum w2ui. Ce spune autorul lui w2ui despre jQuery UI? Nu e prea optimist: “jQuery UI leaves much to be desired. Apart from the date picker and autocomplete, many of its widgets are useless.” Poate unii subscriu la această părere. Oricum ar fi, la urma urmelor între jQuery UI şi w2ui nu există mari intersecţii, aşa că prezintă interes cam oricum v-aţi poziţiona vizavi de soluţia oficială oferită de jQuery pentru UI.

imagine

Accentul în w2ui cade pe dimensiune şi grad de finisare. Biblioteca este mică şi… cât de perfectă mi-e greu să judec. Pe moment doar am descoperit proiectul, nu …


Încearcă.JQuery.com

Aproape. De fapt e Try.JQuery.com, un proiect realizat de cei ce ne oferă jQuery în colaborare cu Code School. Rezultatul este un sit ce se oferă să ne înveţe jQuery, în vreo 3 ore (timpul trebuie luat ca o aproximare… foarte relativă). Practic este o sumă de videoclipuri şi de “provocări” (coduri pe care trebuie să le scrieţi Dvs, ca dovadă că aţi învăţat cele explicate), câştigând treptat nişte… nu ştiu cum să le spun: insigne? medalii? de fapt nişte calificative ce vin ca nişte grafice.

imagine

Premisa este desigur că ştiţi HTML, CSS, şi puţin JavaScript. Ca să fim cinstiţi, mai sunt două cerinţe mari: să ştiţi limba engleză suficient de bine pentru a înţelege ce vi …


jQuery 2.0 nu va merge sub versiunile vechi de IE

Dacă am vorbit recent despre ce va aduce nou jQuery Mobile 1.3.0, să spunem că nu de mult timp a apărut jQuery 1.9.0 dar există deja beta-ul pentru 2.0 şi… vine cel puţin o schimbare majoră: adio suport pentru Internet Explorer 6, 7 sau 8. Câştigul e important: versiunea 2.0 va fi mai mică decât 1.9, pentru că nu va conţine toate cazuisticile pentru împăcarea cu versiunile vechi de IE. Aceasta înseamnă niscaiva bătaie de cap pentru webmasteri, care fie vor trebui să renunţe la IE 6-8, fie să încarce versiunea 1.9 sau 2.0 după navigatorul clientului. Mai multe detalii în anunţul oficial.

imagine

Dar o noutate mai mare şi generatoare de bucurie este revenirea la un director …