Voglio segnalarvi alcuni strumenti gratuiti che possono aiutarvi a costruire siti mobile friendly. Partiamo dalle bozze di presentazione e organizzazione dei contentuti del sito, seguiamo con il responsive web design e terminiamo con un prototipo di costruzione del layout di un’ applicazione per smartphone.
Responsive Layouts, Responsively Wireframed
E’ un esperimento realizzato in HTML e CSS che mostra con delle semplici bozze come l’aspetto delle pagine possa variare passando da desktop a mobile mantenendo però la logica dei contenuti.
E’ uno strumento che adatta le immagini esistenti al device che l’utente sta usando per la navigazione del sito, il tutto senza aggiungere ulteriore markup.
Una vera fonte di ispirazione e di buone pratiche, vi si trovano numerosi collegamenti a siti che seguono il responsive web design.
È un interessante framework per creare prototipi di app layout per iPhone. Usa HTML, CSS e Javascript. Vi sono inseriti dei componenti di base per la creazione di bottoni, liste, toggles…
