àˆ ancora in fase beta e non ha ancora fatto il lancio ufficiale, ma merita decisamente la segnalazione FontStruct, la nuova webapp di FontShop per creare, condividere ed esportare font. Le capacità  di FontStruct sono decisamente più limitate di un programma di tipografia tradizionale, ma è possibile comunque attraverso un'interfaccia molto intuitiva creare font davvero belli, come alcuni che si trovano nella galleria ed esportarli in formato TrueType. L'utilizzo è gratuito previa iscrizione, e si può decidere se rendere pubblici i font creati: in questo caso si può attribuire loro una licenza Creative Commons. (more…)

Continua a leggere Il mio primo font con FontStruct

Categoria: Grafica

Alcune segnalazioni interessanti sui CSS che ho raccolto di recente. Cominciamo con Planning your stylesheet - the definitive guide: il titolo è un po' pretenzioso forse, ma contiene dei suggerimenti preziosi. Un articolo simile è Combating Classitis with Cascades and Sequential Selectors, con alcuni tips per usare le classi con buon senso. Passiamo ai tutorial: decisamente bello il Legend of style revised, un articolo che propone differenti presentazioni dell'elemento legend dei form. Ottenere risultati cross-browser per questo elemento non è semplice, ma mi pare che l'autore del pezzo abbia fatto un ottimo lavoro. Altro tutorial molto specifico: Creating and styling resizable buttons per ottenere bottoni semi-grafici autoadattanti in larghezza. (more…)

Continua a leggere CSS: tips, tutorial e risorse

Categoria: CSS

... ovvero "quando l'eccesso di attenzione può rivelarsi dannoso": ecco due letture abbastanza recenti dal tema simile che vorrei segnalarvi. La prima è Overdoing Accessibility di Roger Johansson, in cui l'autore elenca alcuni consigli in materia di accessibilità : Le accesskey, dato le differenti implementazioni dei browser e i potenziali conflitti degli shortcuts, andrebbero evitate Evitare di usare il tabindex Evitare title superflui o poco significativi Evitare alt text troppo espliciti o prolissi. La seconda segnalazione è 10 common errors when implementing accessibility di Trenton Moss. Anche in questo caso vorrei riepilogare brevemente i punti essenziali. (more…)

Continua a leggere Esagerare con l’accessibilità 

Categoria: Web Design

Appuntamento dei bookmark dedicato ad alcune segnalazioni decisamente meritevoli. Cominciamo dalle ispirazioni: è quasi un'abitudine ormai, a fine anno o inizio di anno nuovo, trovare nei feed post del tipo Best designs of 2007. Ecco quindi due belle selezioni: Best of CSS design 2007 su WebDesignerWall e My 53 Top Blog Designs of 2007. Rimanendo in tema di ispirazioni, da non perdere anche i recenti 20 Websites With Unique Layout e 15 Great Examples of Good Web-Typography. Cos'ha caratterizzato maggiormente l'anno appena concluso? Lo riassume benissimo 2007: More Web Design Trends & Cliches, in cui ciascuna tendenza è accompagna da molti esempi pratici. Concludo segnalando una bella raccolta di risorse, ovvero The 50 Most Popular Web Design Blog Posts, Resources & Cheat Sheets of 2007 con più di 50 link suddivisi per tipologia. Buona navigazione!

Continua a leggere Bookmark: ispirazioni e risorse

Categoria: Web Design

Ok, forse il nome potrà  sembrare un po' banale, ma la Design bookmarklet merita una segnalazione come una tra le più utili e versatili bookmarklet per il web design. Presenta infatti una griglia altamente configurabile, un righello, strumenti di misura (unit) e di puntamento (crosshair), disponibili come un'unica bookmarklet oppure da usare singolarmente. Da aggiungere tra i preferiti!

Continua a leggere Design Bookmarklet

Categoria: Web Design

Tempo di liste: ultimamente ne ho raccolte molte e ho pensato di presentarle in un post solo. Risultano, senza contare se ci sono duplicati, quasi 800 (!) link a risorse, strumenti e tutorial su web design e affini. Ecco l'elenco: Top 100 user-centered blog: una bella selezione di 100 blog tecnici su web design, accessibilità  e usabilità . Alcuni davvero imperdibili. 70 Javascript resources for every web developer: tutorial, script, framework e strumenti Javascript. 69 Tools to Monitor, Measure, and Track Your Website: gli strumenti di statistiche e SEO. 250+ Tools and Resources For Coding the Web, un bel riepilogo di Mashable su Ajax, Javascript, CSS, Flash, Coldfusion, Rails, Pyton, editor, tutorial e molto molto altro. Top best 50 free tools for your website: generatori di logo, bottoni e sfondi; immagini stock photo, screenshot ed estensioni. More than 100 Web 2.0 Online Generators: grafica, colore, CSS, form, RSS e mappe del sito. Now you can code CSS like a pro with these 101 awesome CSS Resources: risorse, layout, tutorial, strumenti e soluzioni CSS. 40 Firefox Extensions for Web Design: le estensioni di Firefox da non perdere per lo sviluppo web. Flash-Based Galleries For Your Images da Smashing Magazine, ecco una decina di soluzioni Flash gratuite per le gallerie di immagini. Molte altre sono indicate nei commenti. 80+ Free 2-columns Website Templates: ancora su Mashable, una bella selezione di template a due colonne gratuiti. Alcune di queste pagine necessitano di un po' di pazienza per via della presenza massiccia di immagini e screenshot, ma ne vale la pena. Buona lettura!

Continua a leggere 10 mega-liste da non perdere

Categoria: Bookmark

àˆ uno di quegli strumenti a cui credo molti abbiamo pensato almeno una volta, in grado di rilevare le regole superflue e ininfluenti il CSS redundancy checker. Traduco dall'introduzione dell'autore: Se stai lavorando a un grande progetto ci possono essere diverse persone che contribuiscono al CSS. Il risultato è una directory piena di file HTML e un CSS enorme. Quello che succede il più delle volte è che non tutti i selettori del CSS si applicano all'HTML, molti sono ridondati a seguito di modifiche al CSS o all'HTML. Ma quando hai un CSS di 70 e più Kb, non è facile controllare quali selettori non vengano applicati.Ecco il CSS redundancy checker. àˆ uno strumento davvero semplice: gli passi un singolo file CSS e una directory di file HTML o un file di testo con gli URL delle pagine, e procede a rilevare quali selettori del CSS non vengano applicati a nessuno dei file HTML. L'idea di Tom Armitage è semplice e allo stesso tempo utilissima. Richiede Ruby e HPRicot, un parser HTML e sono circa 50 righe di codice in tutto. Unico neo: non c'è una versione online operativa del tool... ma chi è un po' pratico di Ruby lo può scaricare da Google code.

Continua a leggere CSS redundancy checker

Categoria: Software e Servizi

Mi rendo conto che non capita tutti i giorni dover creare una timeline animata e dinamica per visualizzare eventi, come questa per esempio. Per quella volta che dovesse capitarvi, potete segnarvi questo nome: Simile Timeline. Si tratta di un controllo Ajax che gli autori descrivono "come una specie di Google Maps per visualizzare eventi ordinati cronologicamente". La documentazione è abbastanza completa e con un po' di studio si riesce subito a mettere su un esempio funzionante.A margine segnalo questo tool, utile per la creazione dei file XML da cui ricavare la lista degli eventi da visualizzare sulla linea del tempo (su Lifehacker c'è pure un buon tutorial).Dando un'occhiata agli esempi ho verificato un funzionamento lontano dal decente su Safari, mentre su Opera non sono riuscito a visualizzare quello con l'evoluzione di dinosauri che ho linkato.

Continua a leggere Un controllo Ajax per creare timeline

Categoria: Scripting

Apriamo la settimana con alcune risorse sul web design. Cominciamo con le liste, vere e proprie miniere di risorse: 80+ AJAX-Solutions For Professional Coding è il recentissimo post di Smashing Magazine focalizzato su AJAX, snippets e risorse Javascript. In Blogging Toolbox: 120+ Resources for Bloggers vengono presentate oltre 120 risorse per i blogger: piattaforme, plugin, servizi, hosting, servizi e molto altro, tutti suddivisi per categoria. Per quanto riguarda il design, ecco 85+ Free Killer Resources Every Designer Should Know, con risorse di stock photo, immagini, grafica, font, icone e servizi. (more…)

Continua a leggere Dieci bookmark sul web design

Categoria: Web Design

Diverse segnalazioni interessanti, magari da consultare nel weekend. Cominciamo con due siti diversi dal solito: Design by Grid presenta una galleria di ispirazioni e raccoglie articoli sul design con le griglie. CSS OFF è un nuovo sito che a partire dal primo giugno lancerà  mensilmente un contest piuttosto originale, in cui i partecipanti avranno 24 ore per tagliare e convertire in HTML e CSS un file Photoshop. Parteciparvi è senza dubbio un buon esercizio, ma forse troppo impegnativo, considerando il premio in palio ma soprattutto il costo di servizi simili. Passiamo alle risorse su design e tipografia. (more…)

Continua a leggere 10 bookmark sul web design

Categoria: Web Design