Per la serie "a volte ritornano"
ecco tre articoli su due argomenti quasi dimenticati ma comunque evergreen, che
sono diventati piuttosto popolari di recente.
Il primo è i sui form con elementi grafici personalizzati, che viene presentato
in Fancy checkboxes and radio buttons:
una carellata con tecniche simili (insieme al mio punto di vista in merito) è stata presentata qui sul blog già a settembre dell'anno scorso in
rimpiazzare elementi di form con javascript.
Sempre sui form con grafica personalizzata, ecco Styling Checkbox and Radio Graphics With Only CSS,
un'idea tanto nuova quanto inutile che usa esclusivamente i CSS. Secondo le parole dell'autore:
Ad ogni modo, lasciatemelo dire così che sia chiaro. Questa soluzione non richiede brutti hack, javascript e usa un markup che è perfettamente
corretto semanticamente.
Personalmente, avrei preferito l'uso di hack e/o javascript a favore di una maggiore compatibilità : la tecnica in effetti funziona solo
su Firefox dato che usa la pseudoclasse :checked
che appartiene ai CSS 3.
Esclusi quindi Opera, Safari e tutte le versioni di IE, il che la rende inapplicabile nella stragrande maggioranza dei casi: va considerata a parer mio solo un'interessante sperimentazione ma niente di più.
Cambiando argomento, la terza segnalazione riguarda le tanto note drop shadow: ma in CSS drop Shadows
non si parla di cornici ma di testo con effetto ombra. Peccato per la necessità di replicare il testo sull'attributo title
e per il fatto che la tecnica non funzioni su Internet Explorer. Poi mi chiedo: ne varrà davvero la pena? Alla fine
per avere un'effetto ombra sul testo ci va mezzo minuto con qualsiasi programma di grafica...
basta poi usare una tecnica di image replacement e il gioco è fatto.
Già che si parla di image replacement, concludo con due segnalazioni di casa: per chi non li avesse letti sono stati
da poco pubblicati su HTML.it gli articoli sulla MIR
e la List-item Image Replacement. Buona lettura!