Collezione Di 41 Plugin Di Jquery

by admin admin Date: 11-04-2013


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.

 
by admin admin Date: 11-04-2013 visite : 2926