# 047: Creazione del modulo sondaggio, parte 1 - Trucchi CSS

Sommario

C'è una lunga tradizione di sondaggi sui CSS-Tricks. Sono divertenti, raccolgono buoni dati importanti e aumentano la connessione delle persone al sito. Engagement FTW!

Prendiamo il markup dal sito live v9 per alcune cose con cui lavorare. Giochiamo con alcune cose di spaziatura per far sembrare il modulo migliore per il tipo che sono. Innanzitutto, riduciamo la quantità di riempimento sui moduli nelle barre laterali e la rimuoviamo completamente per gli annunci illustrati.

Le nostre scelte di sondaggio sono contrassegnate in un elenco, il che ha molto senso, ma che si accompagna a uno stile indesiderato. Quindi rejigger come e dove applichiamo lo stile delle liste. Dedichiamo una buona quantità di tempo a modificare piccole cose tipografiche per rendere le scelte del sondaggio buone e con cui interagire facilmente. Risolviamo anche alcuni problemi con i pulsanti, impedendo in particolare che si interrompano tra le parole e che il colore del passaggio del mouse sia coerente nonostante l'elemento a cui viene applicato il nome della classe "pulsante".

Suddividiamo lo stile del modulo nel file SCSS in modo che quando eseguiamo uno stile specifico del modulo possiamo saltare direttamente a quel file. Il file globale stava diventando troppo grande, il che è sempre un buon segno che una divisione è una buona idea per la nostra sanità mentale.

Articoli interessanti...