La soluzione giusta per personalizzare i form
Lunedì 4 Maggio 2009 - 08:07
di Cesare Lamanna
Non ho cambiato idea rispetto a quanto scritto in questo post: la personalizzazione dei form, via CSS o Javascript, dovrebbe essere fatta con tanta accortezza. Ciò non toglie che certi progetti possano richiedere interventi pesanti a livello visivo sugli elementi del modulo. In quel caso, quale approccio scegliere?
Fare affidamento sui soli CSS è a mio parere molto limitante. Se per campi di testo o bottoni i risultati ottenibili sono gradevoli e a prova di compatibilità cross-browser, altro è il discorso per elementi come le select, i checkbox o i radio button. Non è raro, allora, vedere form con input testuali e pulsanti modificati e in linea con il look&feel della pagina, ma con select e/o checkbox lasciati nel loro aspetto di default. L’effetto di tale commistione o compresenza non è sempre fantastico.
Meglio allora, a mio modestissimo avviso, affidarsi da subito a soluzioni tutto-fare basate su Javascript e CSS, come il plugin per jQuery jqTransform. Funziona di fatto come un sistema per applicare una skin all’intero modulo, senza creare il gap nella resa visiva come nel caso citato qui sopra. Nel caso in cui Javascript non sia disponibile, il peggio che possa capitare è avere una resa del form nel suo aspetto nativo a seconda del sistema operativo. Un compromesso tutto sommato accettabile.
Che ne pensate?
Categoria: Web Design | Permalink
Commenti
1
Bellissimo il form, fantastico!
Non mi rimane che arrendermi a jQuery :(
2
Sembra figo, l’unica cosa è che non capisco se e dove si può inserire il proprio skin.
# - postato da Fabrizio - 04 Maggio 2009 - 09:47
3
sembra interessante! lo proverò e probabilmente lo userò per un progetto oggi stesso :D
# - postato da antonio gioia - 04 Maggio 2009 - 11:38
4
Fabrizio, basta personalizzare il CSS allegato e, se necessario, le immagini
# - postato da Cesare Lamanna - 04 Maggio 2009 - 11:52
5
Si ecco, magari se leggo fino in fondo la pagina… :)
# - postato da Fabrizio - 04 Maggio 2009 - 12:29
6
molto bello, ora lo testo su tutti i browser!
7
Proprio in questo periodo sto sviluppando un componente ad hoc scritto in jQuery per stilare e validare i form e, nel caso della select, sono riuscito a renderla navigabile anche da tastiera (cosa che quel componente non sembra supportare).
Ora sto provando ad aggiungere anche il supporto della scrollbar attraverso jQueryUI per non creare select eccessivamente lunghe quando sono aperte.
# - postato da Fabrizio Calderan - 05 Maggio 2009 - 11:58
8
Eseguiti tutti i test, tranne che su Mac OS, tanto per me risulta inutilizzabile:
grossi problemi di visualizzazione su linux su tutti i browser.
Su windows ie 6 e ie 5 non sono supportati.
Ogni browser gestisce le dimensioni degli input a modo suo, crome va dei disastri.Per me è sufficiente, SEMBRAVA una bella plugin, peccato.