Il sito mapbox.com ha realizzato un progetto open source denominato makiicons che permette di scaricare gratuitamente un set di 73 simboli per la cartografia web. Dallo stesso sito previa registrazione è anche possibile creare mappe personalizzabili.
The Accessibility Project aiuta lo sviluppatore a creare siti accessibili al maggior numero di utenti possibile. Vi trovate suggerimenti, consigli e una serie di link ad altre risorse sparse per il web che trattano questa tematica.
Web Design for Babies™ 2.0 Geeked Out Lift-The-Flap Edition è un libro scritto e pensato per i bambini che ha l’intento di avvicinare i piccoli lettori al mondo del web design. 14 pagine ricche di illustrazioni con i concetti di base del codice HTML e CSS e una introduzione a Javascript. Consigliato per geek in erba!
Leaflet Maps Marker è un plugin realizzato da mapsmarker.com per WordPress che permette di aggiungere un marker personalizzabile a mappe di vario tipo come OpenStreetMap, Google Maps, Google Earth, Bing Maps. E’ gratuito ed esiste anche la traduzione in italiano. Nel sito dei programmatori potete trovare una guida all’utilizzo del plugin con istruzioni dettagliate ed esaurienti.
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.
Typespiration.com è un sito con una raccolta di esempi tipografici. Vi trovate schemi di colori, combinazioni di font e codice css pronto per l’uso. Una piccola comunità di designer che condivide le proprie capacità creative e che aiuta a rendere più bello e armonico l’aspetto delle pagine web.
Learn Css layout è un sito dove trovare i concetti fondamentali per realizzare un layout corretto e ben strutturato. Lo trovo utile perchè non lascia nulla per scontato, ogni argomento trattato è corredato da esempi chiari e semplici.
Se poi volete un framework che faccia il lavoro di base al posto vostro nello stesso sito trovate delle segnalazioni interessanti. Ad esempio Kube che permette di scaricarvi un file CSS con la soluzione ai vostri problemi, basta richiamare il file nel documento HTML ed il gioco è fatto!
jKit è una libreria gratuita per jQuery che offre molte funzionalità. Include slideshow, gallerie di immagini, tooltip, accordion, menù di navigazione, form, animazioni ecc… Gli esempi sono ben documentati ed inoltre è presente una panoramica dei comandi utilizzati con le loro opzioni di default.
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.
