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.
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.
Pure è un framework di Yahoo. La sua caratteristica principale è il bassissimo peso del file: l’insieme di tutti i moduli arriva, compresso, solo a 4,2 KB. Costruito sulla base di normalize.css, non usa nessun Javascript ma solo HTML e CSS. Adatto al responsive design contiene stili per griglie, font, form, button, menu.