Strumenti online
Ho raccolto qui alcuni strumenti online che forniscono un valido aiuto durante la progettazione, realizzazione e gestione di un sito Web.
L'elenco è aggiornato a giugno 2010.
Colori
Color Scheme Designer è la terza versione di uno strumento molto utile e potente per aiutare nella scelta dei colori. Lo strumento, una volta inserito un colore, fornisce uno schema iniziale di quattro colori e uno schema più complesso sul quale è possibile visualizzare anche del test. I risultati vengono forniti secondo 6 modalità diverse: mono, complementary, triadic, tetradic, analogic e accented analogic.
I risultati possono essere esportarti in 5 formati diversi: HTML / CSS, XML, txt, formato Photoshop (ACO), formato GIMP (GPL).
Lo strumento può anche simulare alcuni problemi di visualizzazione (sezione "Visual Simulation").
Il sito Colorsontheweb.com contiene articoli e tools. Ho trovato particolarmente valido: il Color Wizard Tool per scegliere i colori (è più semplice del precedente "Color Scheme Designer") e l'archivio dei schemi.
Color Blender è semplice tool scritto da Eric Meyer, ma molto ben fatto. Una volta fornito due colori, il tool identifica una serie di colori intermedi. Il numero di colori intermedi può variare da 1 a 10.
CSS Prism permette di visualizzare i colori contenuti in un file CSS. Una volta inserito l'URL di un file CSS, il tool visualizza tutti i colori in esso definiti. Secondo me questo tool serve sopratutto per identificare visivamente eventuali errori nel file CSS.
Tipografia
Questo sito contiene molte risorse per il Designer (non soltanto Web).
In particolare, la sezione "Design resources" contiene due sotto-sezioni: "print tools" e "online tools". Quest'ultima si divide in: Web Browser Elements, Web Safe Area, HTML Characters, Web Banners, iPhone GUI Elements, Fonts on the Web, Lorem Ipsum Generator, Conversion Chart.
Designers Toolbox - Sezione Design Resources
Il tool permette di impostare la tipografia di un testo in tempo reale attraverso una semplice interfaccia e genera automaticamente le dichiarazioni CSS.
Il tool permette di comparare visivamente la resa di alcuni testi di prova in ambiente Windows e Mac. I font presi in considerazione sono: Arial / Helvetica, Cambria, Georgia, Lucida Grande, Lucida Sans Unicode, Trebuchet MS e Verdana. Infine, premendo un bottone "Get CSS", si ottiene le relative dichiarazionei CSS.
Un tool molto utile per chi vuole utilizzare il ritmo verticale.
Il tool accetta in input: font-family, font-size (px), line-height (px) e i font-size target (px) e produce, per ciascun font-size target indicato, le dichiarazoni CSS che rispettano il ritmo verticale.
Ecco un modo pratico per verificare il ritmo verticale di una pagina Web. Si tratta di un bookmarklet da installare nel browser (compreso IE). Una volta attivato, sovrappone una griglia alla pagina Web il cui ritmo verticale è impostabile dall'utente.
Un semplice generatore di testo "Lorem ipsum".
Il sito www.blindtextgenerator.com è un potente generatore di testo che utilizza, non soltanto "Lorem ipsum", ma anche altri testi. Il sito è multilingue. Le "advanced options" permettono di impostare le caratteristiche del testo.
La sezione "tools" del sito Konigi.com contiene alcuni tool per velocizzare la progettazione dei siti, soprattutto nell'area del design, sia visual che di interfaccia.
"Graph Paper" è una raccolta di 7 documenti grafici utili in ambiente lavorativo per Web Designer. Sono disponibili in formato PDF, da stampare e utilizzare per realizzare interfacce utenti, storyboard e note.
CSS
Eric Meyer ha realizzato un foglio di stile di base in grado di annullare tutte le dichiarazioni CSS implicite utilizzate dai browser. Dopo la versione originale di "Reset.css" e la successiva "Reset Reloaded", nel gennaio 2008 Eric Meyer ha messo a punto la terza versione con il titolo "Resetting Again".
Web design
Luke Wroblewski ha realizzato nel 2008 una buona presentazione sulle Best Practices relative allo sviluppo di form (moduli interattivi).
Web Analytics / SEO
Google ha realizzato una guida semplice sul tema SEO.
Google SEO Starter Guide (PDF, 22p., 559 Kb.)
Il sito Webmaster-toolkit.com contiene numerose risorse online. Nella categoria SEO Tools, il "Keyword Analysis Tool" è uno strumento un po' rudimentale ma funziona; dopo avere indicato la URL di una pagina Web, il tootl fornisce la lista delle parole, e la loro frequenza, contenute nella pagina. La lista è ordinata per frequenza. Purtroppo questo tool - come tanti altri - ha difficoltà a gestire le parole accentuate.
Web Development
XAMPP è un web server Apache gratuito contenente MySQL, PHP e Perl veramente facilissimo da installare e usare. XAMPP è disponibile per Windows 98, NT, 2000, XP e Vista e Linux. Per esempio, XAMPP permette di fare girare Joomla in locale oppure di sviluppare / testare applicazione Web del tipo PHP / MySql in locale. Il sito di XAMPP è disponibile in varie lingue tra cui l'inglese e l'italiano.
Il sito Hostip.info fornisce un servizio di "IP Address Lookup". Il sito si basa su una comunità di utenti che gestisce una base dati per decodificare gli indirizzi IP. Tramite API un certo numero di funzionalità possono essere inserite in un sito Web: Simple GET, Country Flag, ecc.
Il sito Webmaster-toolkit.com contiene numerose risorse online. Nella categoria Web Utilities, il sito offre una tabella dei tipi MIME.
Web Check
Tool del W3C. Esegue il check di una pagina Web in funzione del suo DOCTYPE. Accetta in input una URL o un file residente sul PC.
Tool del W3C. Esegue il check dei link contenuti in una pagina Web. Accetta in input una URL.
Tool del W3C. Esegue il check di file CSS. Accetta in input una URL o un file residente sul PC.
Check online di una pagina HTML. Si tratta della versione online del "Total Validator Tool".
Check online di una pagina HTML. Si tratta della versione online del "CSE HTML Validator Lite".