Categoria: CSS

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.

Continue reading

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.

Continue reading

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.

Continue reading

jQuery: imparare le basi con toggle. Mostra e nascondi con stile!

Le pagine web che siamo abituati a navigare fanno ormai un uso notevole di animazioni e di effetti, resi possibili, anche, dall’utilizzo del linguaggio JavaScript.
Dopo anni di cattiva reputazione, perchè associato all’idea di popup invasivi e fraudolenti, è stato particolarmente rivalutato anche grazie alla diffusione di tecniche come AJAX e alla possibilità sempre più estesa di riprodurre effetti grafici dinamici senza la necessità di plugin come Flash.

Continue reading

Cheat Sheets per il Web Design

Le Cheat Sheets per il Web Design sono degli strumenti utili per ricordare le cose in fretta, soprattutto se si parla di sintassi di codice che magari non scriviamo tutti i giorni, e per avere un aiuto veloce con facili riferimenti visivi.
Se abbiamo dimenticato il nome di una funzione o la proprietà di un foglio di stile CSS – le Cheat Sheets forniscono le informazioni che stiamo cercando – immediatamente.

Continue reading