Skeleton è una collezione di file CSS che aiutano a sviluppare rapidamente siti responsive, adattabili a qualsiasi device.
HTML EMAIL BOILERPLATE crea un modello di email che aiuta ad evitare alcuni dei problemi di rendering con i principali client di posta elettronica.
Ink è un HTML/CSS/JS UI kit gratuito che permette di costruire rapidamente il layout delle pagine web, mette a disposizione bottoni di vario tipo, form, menù di navigazione ecc… Un buon calcio d’inizio per lo sviluppo di siti responsive e user friendly.
Fake images please ? è uno strumento che crea immagini segnaposto per il mockup di un sito. Facile da usare, basta aggiungere alla fine della URL le dimensioni dell’immagine e, volendo, qualche altro paramentro come colore di sfondo o testo.
Jetstrap è un visual editor per Bootstrap, il framework di Twitter che permette di sviluppare applicazioni e pagine web. Per accedere a Jetstrap non c’è bisogno di fare alcun download, basta registrarsi al sito jetstrap.com.
Skitch di Evernote è uno strumento che permette di inserire piccole annotazioni, schizzi e forme su foto e immagini. Permette anche di catturare gli elementi visualizzati sullo schermo e subito fare l’aggiunta degli appunti. E’ semplice da usare e gratuito.
Le Image Sprites, o CSS Sprites, sono costituite da tante immagini raccolte in una sola. Una Image Sprites può essere usata ad esempio nei bottoni che cambiano il background-image al passaggio del mouse. Venendo caricate una sola volta e richiamate tramite il foglio di stile evitano di appesantire le pagine HTML rendendone più rapido il caricamento. Nel sito css-tricks.com potete trovare un articolo che spiega come usarle. A rendere la vita del web designer più facile esiste un sito chiamato spritecow.com che genera il file CSS della Image Sprites che volete caricare. Infine, sempre nel sito css-tricks.com, trovate un video che spiega nel dettaglio come usare SpriteCow.
Il sito pixeden.com mette a disposizione un file psd dove poter inserire immagini su una struttura già predisposta raffigurante vari device. La cartella contente il file è scaricabile gratuitamente. Ho fatto una prova e questo è il risultato:
Responsive Email Templates by ZURB vi offre una serie di template per creare messaggi di posta elettronica completamente adattabili ai vari device. I template scaricabili gratuitamente sono costituiti da un file HTML e da fogli di stile separati. Una buona risorsa per campagne via email.
Apriamo questa settimana con due consigli:
PlaceIt genera screenshots di prodotti, immagini e foto. E’ semplicissimo da usare basta caricare l’immagine desiderata da computer o da url e il gioco è fatto. Ecco un esempio:
Centurion invece è un responsive web framework. Non occorre più preoccuparsi delle dimensioni dello schermo dei vari device, è Centurion ad occuparsi del problema.
Un breve articolo per consigliare un sito molto interessante che ho scoperto di recente, si tratta di www.agiledesigners.com . Raccoglie molte risorse e strumenti per Designers e Web Designers suddivisi per categorie di interesse, si va dalla grafica allo sviluppo, dal management all’apprendimento. Una vera e propria miniera di informazioni, ben strutturato e in continuo aggiornamento.
Un piccolo consiglio per cominciare bene un nuovo anno. A proposito… Buon Anno a tutti!
