Nella realizzazione di un sito web, i webdesigners si trovano spesso a dover verificare che il proprio lavoro si veda bene nella maggior parte dei browser e non solo in quello in uso. Tra i più richiesti troviamo le vecchie versioni di Safari e Firefox e, soprattutto, di Internet Explorer, che può essere considerato il vero grande nemico di un designer. La sua versione 6 ancora mi fa venire i brividi al solo pensiero. Personalmente, non offro più la compatibilità con IE6, ma è comunque importante assicurarsi che il proprio sito offra un buon risultato cross-browser. Per questo motivo, oggi voglio segnalarvi una risorsa che non conoscevo e che mi è tornata utilissima negl’ultimi tempi! Sto parlando di Adobe BrowserLab.

Di font non ce ne sono mai troppi! Come ben sapete, infatti, sono una risorsa fondamentale per qualsiasi designer o grafico. Ma la vera impresa sta nel trovare quelli giusti per il proprio progetto: un lavoraccio. Ci può venire in aiuto, però, Font Squirrel, un’ottima, e ormai affermata, risorsa che raccoglie i migliori font gratuiti utilizzabili a scopo commerciale.

Era da alcuni giorni che stavo cercando un’applicazione, per Mac, che mi permettesse di pubblicare articoli per il mio blog comodamente dalla scrivania. Dopo una breve fase di rodaggio, ho trovato ciò che facesse il caso mio: Blogo. Blogo, infatti, è un’ottima applicazione che permette di pubblicare articoli per le principali piattaforme di blogging come WordPress, Joomla o Drupal senza il bisogno di aprire il proprio browser e recarsi nel pannello di controllo.

Spesso, quando si scrive del codice CSS è molto utile utilizzare (scusate il gioco di parole ) un editor visuale (ad es. Top Style) per poter vedere in breve tempo il risultato del nostro codice. In mancanza di questo, spesso possiamo ricorrere a delle applicazioni online molto intutive e semplici. Oggi vi segnalo due interessanti strumenti che ci permettono di creare e gestire del codice CSS online.

Il primo è CSS Type Set, un’ottima utility per la scelta e la personalizzazione del testo che dispone anche della maggior parte delle funzioni utilizzate dai designers.

Come molti di voi sapranno, è in sviluppo l’evoluzione dell’attuale CSS2, il CSS3. Una parte delle sue nuove funzioni sono già supportate dai browser WebKit (Safari, Chrome) e Gecko (Firefox), come ad esempio, border-radius o box-shadow. Inoltre, il CSS3 presenta una serie di features davvero interessanti e in costante aggiornamento, come la possibilità di creare animazioni o di gestire le sfumature. Ed è proprio della gestione delle sfumature che ci interesseremo oggi, mostrando come creare un’attraente bottone in stile web 2.0 senza utilizzare immagini. Dato che ci sono alcune differenze nel modo di applicare le sfumature tra WebKit e Gecko, il risultato di questa guida sarà compatibile solo con i browser WebKit. Potete vedere una demo del risultato finale cliccando qui, mentre potete scaricare il file utilizzato cliccando qui.