La tipografia su web sta vivendo una seconda vita, da quando stanno diventando sempre più diffusi gli standard CSS3 e servizi come Cufon.
L’interesse verso la tipografia è dovuto al fatto che la maggior parte dei siti web si basano su contenuti testuali per trasmettere i loro messaggi, quindi non è una sorpresa che il testo sia trattato con la massima cura!
CSS Pseudo-classi: come usarle su IE6+!
Le pseudo-classi CSS sono utilizzate per aggiungere effetti speciali ad alcuni selettori e si riconoscono perchè hanno i "due punti " che precedono la dichiarazione. I CSS3 stanno per introdurre una gran quantità di nuove pseudo classi, che renderanno la vita dei webdesigner molto più facile (se si esclude la compatibilità con tutti i browser). Le pseudo-classi aiutano sia l’estetica e l’usabilità, e possono fare velocemente e facilmente cose che una volta erano difficili da ottenere.
CSS3 Columns e jQuery: layout multi-colonne ad altezza pari
Vi è mai capitato di voler ottenere tramite CSS un layout che ricordi quello dei tradizionali quotidiani cartacei? Per chi volesse cimentarsi con i CSS3, sono già a disposizione alcuni generatori di CSS3 che consentono di testare uno dei nuovi moduli che dispone il testo su più colonne: CSS multi-columns
Vediamo di seguito come funziona questo modulo e quali sono i browser compatibili con CSS3 Columns.
CSS3: compatibilità cross-browser…da oggi!
Novità in arrivo per i webdesigner: i CSS3! Ci sono infatti interessanti innovazioni in cantiere per i CSS, che consentiranno dare di sfogo alla creatività nel web design. Realisticamente però, non saremo in grado di utilizzarli, a causa della compatibilità offerta dai browser, per progetti professionali, ancora per qualche anno. Ma per i blog e siti di web design rivolti alla comunità di web designer, queste caratteristiche possono aiutare a spingere i confini del web design moderno, aggiungendo qualche caratteristica extra al design, per sperimentare e prendere confidenza con quello che aspetta nel futuro del settore CSS.
Eliminare il bordo tratteggiato attorno a un link mantenendo l’usabilità
Rimuovere il bordo tratteggiato dei link in Firefox è relativamente semplice, è sufficiente impostare una regola CSS per i link per assicurarci che non compaia più. Ma facendo questo, non si tengono in considerazione alcuni principi di usabilità per gli utenti che non hanno la possibilità di usare il mouse, e che hanno la necessità di qualche indicazione visiva che segnali loro un collegamento attivo. Per impostazione predefinita, TAB e SHIFT + TAB permettono di spostarsi da un elemento attivabile (collegamenti, i form e textarea) a quella successivo.