Personalizzare elementi di form (con giudizio)
Martedì 24 Febbraio 2009 - 08:43
di Cesare Lamanna
Sarà che dipendendo dal sistema operativo la resa su Safari/Mac dei form HTML è più che accettabile, sarà che ultimamente mi sono imbattuto in esempi di personalizzazione grafica via CSS davvero imbarazzanti a livello estetico e tali da far crollare l’indice di usabilità neanche fosse il Mibtel di questi tempi, sarà che mi gira così, ma sto iniziando a pensare che l’aspetto dei moduli dovrebbe essere lasciato il più possibile intatto.
Certo, guardando i risultati, oggettivamente gradevoli e tutt’altro che fastidiosi, del lungo e articolato tutorial con cui Jonathan Cristopher spiega come personalizzare una select con jQuery, sarei sul punto di vacillare. Ma lo ribadisco: l’aspetto dei moduli dovrebbe essere lasciato il più possibile intatto.
Categoria: Web Design | Permalink
Commenti
1
Tutto quel codice per una select?
2
Amen.
Sono assolutamente d’accordo.
3
In fondo sono solo 3kb, dando per scontato di includere JQuery anche per fare altre cose nel progetto. Io mi trovo favorevole nell’utilizzare dom e javascript per il replace di elementi come la select, dalla resa non uniforme sui vari browser. E’ importante che ciò avvenga in modo non intrusivo, per non pregiudicare l’usabilità e l’accessibilità.
Ci sono un paio di link di script simili:
Prototype
MooTools# - postato da Filippo Buratti - 24 Febbraio 2009 - 14:16
4
Guardate questo:
Niceforms tutorial
Facile, semplice e di grande impatto!Sembrerebbe anche piuttosto configurabile…
5
Io non sono d’accordo, credo sia indispensabile dare un stile ai nostri form per uniformarli su tutti i browser. Qualcosa di molto semplice, come il form che sto utilizzando ora (un semplice bordo verde e uno sfondo leggermente colorato). Anche ai pulsanti andrebbe applicato lo stesso stile.
Questo perchè, per esperienza, ti capita sempre il cliente che ti dice: “Ma come! Sul mio pc si vede diverso!”. Per evitare di dilungarmi in mai appieno comprese spiegazioni, preferisco fare in modo che i form:
A) siano integrati nella grafica del sito
B) la loro resa sia quanto più possibile simile nei vari browser.
6
[…] 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? […]
# - postato da La soluzione giusta per personalizzare i form | Edit - Il blog di HTML.it - 04 Maggio 2009 - 11:55
7
Sono d’accordo per piccoli form per invio commenti, mail… ma per cose complesse lascierei i rassicuranti form in html magari personalizzati nei colori e form ma al netto di tutti gli effettini, ombre e smussi che il web 2.0 impone.
8
dopo tante prove, consiglio jQuery solo se si lavora su Wp, per altri siti più snelli non credosia ottimale caricare troppo il caricamento, meglio uno script leggero!
# - postato da dbCasa Annunci immobiliari - 06 Marzo 2012 - 11:15