Nessun risultato. Prova con un altro termine.
Guide
Notizie
Software
Tutorial

Evergreen: a volte ritornano

Rimpiazzare elementi di form con javascript e CSS ed effetto ombra sul testo: due recenti articoli con un pizzico di nota critica.
Rimpiazzare elementi di form con javascript e CSS ed effetto ombra sul testo: due recenti articoli con un pizzico di nota critica.
Link copiato negli appunti

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!

Ti consigliamo anche