Templatemonster.com ha rilasciato una guida interattiva sul Responsive Design.
Si inizia dal Glossario dove vengono definiti i termini Responsive Design, Fluid Grids, Flexible Images, CSS Media Queries e Screen Resolutions e si finisce con templates, tutorial e risorse.
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.
Semplice applicazione web , che sfruttando iframe e le trasformazioni CSS3, consente di visualizzare la pagina web su Iphone, Ipad, Macbook e IMac con la possibilità di fare drag e drop sui device.
Deviceponsive consente di testare i siti su più devices (Galaxy, iPhone, Kindle, iPad and Macbook) in un solo click.
Tool che permette preview dei siti in diverse risoluzioni: basta inserire l’url del sito e cliccare sulle icone dei vari device.
Tool che consente di selezionare, con un semplice click, il dispositivo che intendiamo testare e l’orientamento: portrait o landscape.
Permette di verificare il layout di un sito web in tutte le risoluzioni possibili.
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).
Questo tool bookmarklet consente di testare il responsive design alle risoluzioni più comuni dei principali tablet e smartphone! Viewport Resizer è uno strumento gratuito e davvero molto semplise da uitilizzare.
Permette di creare slideshow e carousel in modo facile e veloce, tenendo conto di alcuni aspetti essenziali nel web odierno.
Tra le feature principali: