Vyew: Web Conferencing Tool

  • Facebook
  • Twitter

 

Vyew

Vyew è uno strumento web che permette ad un gruppo di persone di collaborare online. Si possono condividere documenti, programmare incontri,  fare conferenze, creare delle “camere” tematiche alle quali permettere o meno l’accesso ai vari membri del team di lavoro. E’ gratuito, non richiede download, per poter accedere basta iscriversi al sito ed effettuare il login.

Framework utili per il web designer

  • Facebook
  • Twitter

Skeleton è una collezione di file CSS che aiutano a sviluppare rapidamente siti responsive, adattabili a qualsiasi device.

Skeleton

 

HTML EMAIL BOILERPLATE  crea un modello di email che aiuta ad evitare alcuni dei problemi di rendering con i principali client di posta elettronica.

html email boilerplate

Ink interface kit

  • Facebook
  • Twitter

InK - Interface Kit

 

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?

  • Facebook
  • Twitter

Fake images please

 

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

  • Facebook
  • Twitter

Jetstrap - The Bootstrap Interface Builder

 

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

  • Facebook
  • Twitter

Skitch - Evernote

 

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.

 

CSS Image Sprites

  • Facebook
  • Twitter

Sprite Cow - Generate CSS for sprite sheets

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.

Icone per la cartografia

  • Facebook
  • Twitter

MapBox

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.

Accessibilità nel web

  • Facebook
  • Twitter

The Accessibility Project

 

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.

HTML e CSS … i primi passi

  • Facebook
  • Twitter

ABC del web design

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!