Autore: Daniele Buscioni

1310484887-Wrong_Way_by_JannaMarieisaTragedy

CSS selectors: interazione visuale con un form

Alterare l’aspetto di un form durante l’utilizzo può facilitare l’utente nella compilazione dei campi. Se prima l’unica possibilità era Javascript ora i CSS Selectors possono aiutarci nei comportamenti di base fornendoci strumenti estremamente utili per tutti i web developer.

fai pubblicità su html5today.it
1308561537-fonts_thumb

CSS3 @font-face: Google Fonts e altri strumenti online

Come essere sicuri di scegliere il tipo di font adatto per tutti i browser? I pack precompilati ci vengono in aiuto, oppure ci pensa Google Fonts! Scopriamo in questo tutorial come utilizzare la font factory per inserire sul nostro sito dei font belli e cross-browser

1306312756-Typographic_Portrait_by_PopeyeFrancom

CSS3 @font-face: i tuoi font preferiti sul sito

Stanco dei soliti font standard sulla tua pagina web? Con la proprietà @font-face è ora possibile utilizzare praticamente ogni tipo di font senza dover ricorrere a Photoshop e immagini che renderebbero l’indicizzazione e il posizionamento del tuo sito più difficile e meno efficace

1306134987-VectorSeamlessRetroPatternWithRoundedSquares

Angoli arrotondati con border-radius CSS3

Disegnare figure con angoli arrotondati non è più un problema: con la proprietà CSS3 border-radius è possibile farlo via codice senza dover ricorrere alle immagini, usando una proprietà ormai supportata da tutti i browser più diffusi e usati su Internet

1304687932-macchina-da-scrivere

Tutorial CSS3: testo lungo a capo con word-wrap

Se una parola è troppo lunga rispetto alla lunghezza del suo contenitore è possibile mandarne a capo una porzione con la proprietà word-wrap di CSS3. Questa proprietà introdotta da IE è adesso adottata da tutti browser e dunque può essere utilizzata senza problemi di compatibilità.

1303459539-download

Multi-column CSS3: impaginare i contenuti in colonne

Rendere più usabile il layout dei contenuti è possibile: tramite la proprietà CSS3 multi-column si potranno disporre contenuti su più colonne in perfetto stile giornalistico e agevolare la lettura di lunghi testi.

1303307125-anti-aliasing.thumbnail

Uso alternativo del text-shadow: simulare l’anti-alias

La lettura prolungata di testi sul web può a volte risultare faticosa per l’utente: in assenza di un’impostazione ad hoc per l’antialias sul browser di turno proviamo a ricreare un effetto similare con la proprietà text-shadow introdotta da CSS3 e supportata oggi da quasi tutti i browser

1302179028-1297933689_1814498298_da84cf27d5_b

Ombreggiatura dei testi? Niente Photoshop, con CSS3 c’è text-shadow

Ricorrere a Photoshop o ad altri programmi di grafica per ottenere ombreggiature sul testo può non essere più necessario: la proprietà text-shadow introdotta da CSS3 e piuttosto ben supportata dai vari browser permette di ricreare un effetto similare in modo facile e (quasi) universale

Powered by