In questo post, troverete una raccolta di 41 nuovi plugin jQuery e librerie JavaScript che vi aiuteranno a trasformare il vostro sito in un vero gioiellino. Per comoditá abbiamo provveduto a suddividerli in categorie.
Dialogs
Come personalizzare le finestre di dialogo.
1. Alertify.js
Alertify (github) è una piccola libreria facilmente personalizzabile con i CSS; per implementarla è necessario includere un file .js e richiamarne i metodi:
| 01 | // alert dialog |
| 02 | alertify.alert("Message"); |
| 03 |
| 04 | // confirm dialog |
| 05 | alertify.confirm("Message", function (e) { |
| 06 | if (e) { |
| 07 | // user clicked "ok" |
| 08 | } else { |
| 09 | // user clicked "cancel" |
| 10 | } |
| 11 | }); |
2. jQuery Avgrund
Forms
Personalizzare e rendere piú usabili i form.
3. iCheck
Plugin personalizzabile e funzionante in anche sui mobile. p Per implementarla è necessario includere i file .js e .css.
| 1 | $(document).ready(function(){ |
| 2 | $('input').iCheck({ |
| 3 | checkboxClass: 'icheckbox_minimal', |
| 4 | radioClass: 'iradio_minimal' |
| 5 | }); |
| 6 | }); |
4. Long Press
5. jQuery File Upload
Funziona con tutte le piattaforme server-side (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.)
6. Complexify
Verifica la complessità della password immessa.
7. jQuery Knob
jQuery Knob (github) permette di realizzare dei diagrammi grafici piuttosto interessanti, con delle varianti grafiche adattabili a molte situazioni. Il nome di una delle skin grafiche disponibili per questo plugin è tron, come il film della Disney
8. Pickadate.js
9. Chosen
Converte una select in una lista dropdown. Facilmente personalizzabile con CSS.
10. Fancy Input
11. Typeahead.js
12. Parsley.js
Leggero Jquery per validare un form.
Page scrolling and Parallax
Lista di plugin che facilitano l'implementazione dell'effetto parallax
13. Windows
14. Cool Kitten
E' un framework responsive per siti che utilizzano l'effetto parallax.
15. Sticky
16. Super Scrollorama
E' un plugin per realizzare scroll animati.
17. Stellar.js
18. Scrollpath
Un plugin che serve per definire la direzione dello scroll.
Text effects
I plugin in questa sezione servono per ottenere un controllo assoluto sul testo di un sito web.
19. Textillate.js
Textillate.js che combina alcune librerie per fornire un plugin semplice e molto facile da utilizzare per l’applicazione di animazioni CSS3 a qualsiasi testo.
L’utilizzo di Textillate.js è effettivamente semplicissimo: basta includerlo, assieme a jQuery ed al potente Lettering.js per iniziare a creare effetti unici.
In realtà Textillate.js ha bisogno anche di Animate.css: un singolo file CSS che include varie regole per le animazioni come flash, bounce, shake…
Animate.css crea una classe per ogni animazione, classi che hanno l’accelerazione hardware nativa e lavorano quindi molto più agevolmente rispetto alle animazioni javascript.
20. Arctext.js
21. Bacon
22. Lettering.js
Un plugin per una "radical web typography". Permette di modificare in modo semplice il kerning, l'orientalmento del testo e di avere un'ottima gestione dei parametri.
23. jQuery Shuffle Letters
24. FitText.js
Grids
I plugin in questa sezione facilitano l'organizzazione dei contenuti nel grid.
25. Gridster.js
Plugin per costruire layout draggable intuitivi
26. Freetile
Un plugin per organizzare il contenuto di una webpage in modo efficace, dinamico e responsive.
27. Stalactite
Plugin che posiziona il contenuto di un sito a seconda dello spazio disponibile
Personalizzare la scrollbar
Plugin per personalizzare l'espetto delle barre di scrorrimento di un sito web.
28. nanoScroller.js
Plugin che funziona anche in iPad, iPhone, cellulari e tablet Android.
29. jQuery Custom Content Scroller
Backgrounds
I plugin elencati di seguito hanno lo scopo di rendere più semplice l'impostazione di un'immagine, una galleria o anche un video come sfondo di un sito web.
30. Tubular.js
Un plugin che permette di inserire un video di YouTube come background di un sito.
31. Backstretch
Permette di aggiungere un’immagine di sfondo ridimensionata dinamicamente.
32. Supersized
Supersized è un plugin per jQuery che permette di allestire gallerie fotografiche a schermo intero. Gli effetti per le transizioni sono diversi e piuttosto interessanti, con la possibilità di avviare la riproduzione automatica oppure di sfogliare la gallery manualmente.
Gallerie ed effetti sulle immagini
I plugin elencati qui sotto aiuteranno a modificare la leggibilitá del vostro sito e consentiranno di aggiungere degli effetti originali alle vostre gallerie.
33. jQuery Touch
34. iPicture
Plugin per creare immagini interattive.
35. Adipoli jQuery Image Hover Plugin
Plugin per creare simpatici effetti hover sulle immagini.
36. Swipebox
37. TiltShift.js
38. Threesixty.js
Plugin per creare viste a 360 gradi.
39. Swipe.js
E' un plugin che serve per creare slider responsive
40. CamanJS
41. SpectragramJS
Un plugin che lavora con l'API di Instagram. Permette di visualizzare le immagini di Instagram sul proprio sito web.
Janeth Kent
Licenciada en Bellas Artes y programadora por pasión. Cuando tengo un rato retoco fotos, edito vídeos y diseño cosas. El resto del tiempo escribo en MA-NO WEB DESIGN AND DEVELOPMENT.