Portada Blog

Octa.Beta v.0.3

dimarts 8 gener 2013 per

Recursos web: jQuery, els 50 millors plugins del 2012

Els 50 millors plugins de jQuery del 2012

En aquesta primera entrada de l’any 2013 de Recursos web farem un repàs de què s’ha creat l’any anterior. La web de Speckyboy ha realitzat un bon recull dels 50 millors connectors (plugins, en anglès) jQuery de l’any 2012, separats en diverses categories que mostrem a continuació:

Estructura de la pàgina (layout)

  • Equalize: ens ajuda a igualar l’amplada i l’alçada dels elements.
  • Freetile: organitza els elements de la pàgina fent que tingui un disseny més eficient i dinàmic.
  • Gridster: utilització de drag-and-drop que permet arrossegar els elements de la pàgina.
  • Zoomooz: genial plugin per fer zoom als elements que desitgem.
  • Wookmark: organitza els elements en format de columna dinàmica.
  • HiddenPosition: ens permet treballar amb elements ocults.
  • Stellar: es juga amb les imatges de fons i l’alineació. Efectes genials en passar de pàgina.
  • Turn.js: efecte de llibre animat en HTML5,
  • Responsive Measure: ajusta la mida de la letra de manera que compleixi el Disseny web adaptatiu (en anglès, Responsive Web Design).
  • Scrollpath: permet definir la trajectòria de l’scroll (desplaçament).

Navegació

  • HorizontalNav: aquest connector ens ajusta automàticament l’amplada del menú.
  • Stickymojo: afegeix el menú a la barra lateral en una posició fixa.
  • ddSlick: ens crea un menú desplegable on podem incloure imatges i descripcions.
  • jQuery Collapse: creació de menús originals que podem personalitzar.
  • jQuery Akordeon: podem crear panells plegables amb qualsevol tipus de contingut.

Formularis

  • jQuery Complexify: determina la complexitat de la contrasenya.
  • jQuery File Upload: manera senzilla de visualitzar i editar la pujada d’arxius en un formulari.
  • Credit Card Validator: detecta i valida automàticament els números de la targeta de crèdit.
  • Filtrify: cerca i navega fàcilment a través de les etiquetes.
  • Mailcheck: suggereix el domini adequat quan els usuaris han introduït una adreça de correu incorrecta.

Marquesines i carrusels

  • Responsive Carousel: carrusel que compleix el Disseny web adaptatiu i permet també personalitzar-lo.
  • iosSlider: desplaçament d’imatges d’una manera fàcil i també personalitzable.
  • RSlider: permet el desplaçament d’imatges en pantalla completa. També compleix el Disseny web adaptatiu.
  • Fresco: plugin d’ampliació d’imatges.
  • BookBlock: passa pàgines d’imatges com si fos un llibre.
  • Adaptor: transicions de desplaçament d’imatges en 2D i 3D.
  • RCarousel: un complet carrusel amb moltes característiques personalitzables.
  • Rhinoslider: també una marquesina personalitzable que a més inclou un generador.
  • Sequencejs: utilitza transicions avançades de CSS3.
  • Glisse: galeria que permet ampliació d’imatges a pantalla completa.
  • µslider: marquesina on es pot afegir tot tipus de contingut.
  • Responsive Slides: aquesta marquesina també compleix el Disseny web adaptatiu.

Realització de gràfics i organigrames

  • Morris: ens ajuda a dibuixar tot tipus de gràfics d’una forma senzilla.
  • jQuery Org Chart: augmenta el disseny i dinamisme en els organigrames.

Tipografia

  • Bacon: permet ajustar el text seguint una forma de corba Bezier o línia.
  • Textualizer: realitza diferents efectes en els caràcters i text sencer.
  • slabText: per crear títols grans i seguint el Disseny web adaptatiu.
  • trunk8: connector que, en un paràgraf, talla d’una forma més eficient el text (per aplicar per exemple en les entrades que s’aplica el “llegeix-ne més”).

Efectes en imatges

  • tiltShift: utilitza els filtres d’imatges de CSS3 (únicament funciona en Chrome i Safari 6).
  • jQuery Picture: ens ajuda a implementar les imatges en el Disseny web adaptatiu.
  • ImageMapster: realització de mapes d’imatges d’una forma més còmoda.
  • Responsive Img: també ens facilita la visualització de les imatges en el Disseny web adaptatiu.
  • Backstretch: permet afegir una imatge de fons dinàmicament a qualsevol pàgina.

I a més a més…

 

Via: Speckyboy

, , , , , ,

Els comentaris per aquesta entrada estan desactivats.

Pujar

Can Antaviana

Santa Justina 29 25400 Les Borges Blanques (Lleida) Tel: 973 14 34 81