Watermark.js è una libreria jQuery che, grazie a canvas, permette di aggiungere un watermark (marchio) alle immagini.
MightySlider – Responsive jQuery Slider
MightySlider è un plugin jQuery che consente di creare gallerie fotografiche, video, rotazione banner e altri elementi completamente responsive, adatto, quindi, a smartphone e tablet con risoluzioni più piccole e ideale per siti di alto impatto grafico.
VenoBox – Responsive jQuery Lightbox Plugin
Venobox è un plugin lightbox jquery adatto per gallerie fotografiche, contenuti, iFrames, Google Maps, Vimeo e video YouTube. Venobox, a differenza di tutti gli altri plugin, calcola la larghezza massima dell’immagine (max width) conservando l’altezza (in piccoli dispositivi è possibile scorrere verso il basso il contenuto).
jQuery Interactive 3D
jQuery interactive 3D è un plugin che permette di creare oggetti 3D interattivi utilizzando una serie di immagini come fotogrammi: l’immagine può essere manipolata con il Drag and drop.
FunnyText
FunnyText.js è un plugin jQuery che permette di creare animazioni con le lettere all’interno di un testo: è possibile configurare i colori, la velocità di movimento, la dimensione del carattere.
jQuery Mega Drop Down Menu
Oggi vi segnalo un plugin per la realizzazione di un menù a cascata utilizzando CSS e jQuery: jQuery Mega Drop Down Menu Plugin
Media Queries
Media Queries è la risposta di CSS3 al relativo problema dell’adattabilità degli stili grafici a tutti i device e alle diverse risoluzioni.
Media Queries permette di utilizzare un solo foglio di stile per il layout di molteplici dispositivi, andando a sovrascrivere le classi lato css al verificarsi di determinate condizioni preimpostate.
/* iPhone e altri smartphones (portrait) */ @media screen and (max-device-width: 320px) { } /* iPhone e altri smartphones (landscape) */ @media screen and (max-device-width: 480px) { }
/* iPhone e altri smartphones (portrait) */ @media screen and (max-device-width: 320px) { } /* iPhone e altri smartphones (landscape) */ @media screen and (max-device-width: 480px) { } /* iPad e altri tablets (portrait) */ @media screen and (max-device-width: 768px) { } /* iPad e altri tablets (landscape) */ @media screen and (max-device-width: 1024px) { } /* iPhone 5 (portrait) */ @media screen and (max-device-width: 568px) and (orientation: portrait) { } /* iPhone 5 (landscape) */ @media screen and (max-device-width: 568px) and (orientation: landscape) { }
/* Samsung Galaxy (portrait) */ @media screen and (max-width: 385px) { } /* Samsung Galaxy (landscape) */ @media screen and (max-width: 690px) { } /* iPhone e altri smartphones (portrait) */ @media screen and (max-device-width: 320px) { } /* iPhone e altri smartphones (landscape) */ @media screen and (max-device-width: 480px) { } /* iPad e altri tablets (portrait) */ @media screen and (max-device-width: 768px) { } /* iPad e altri tablets (landscape) */ @media screen and (max-device-width: 1024px) { } /* iPhone 5 (portrait) */ @media screen and (max-device-width: 568px) and (orientation: portrait) { } /* iPhone 5 (landscape) */ @media screen and (max-device-width: 568px) and (orientation: landscape) { }
/* iPad (portrait) */ @media screen and (max-width: 760px) { } /* Smartphones (landscape) */ @media screen and (max-width: 480px) { } /* Smartphones (portrait) */ @media screen and (max-width: 320px) { }