css

regole selettore specifiche

l'input #input dovrebbe avere dimensione 95% ma viene sovrascritto, nonostante sia in cima, dalla seconda regola...

#input {
  width: 95%;
}

...che dice che tutti gli input contenuti nel #form sono di 98%.

#form input {
  min-height: 25px;
  width: 98%;
}

Per risolvere, basta specificare il tipo ad #input e usare il selettore più preciso input#input

Mixins

I "mixins" permettono di inserire tutte le proprietà di una classe "padre", semplicemente includendo il nome della classe stessa come uno delle proprietà della classe "figlia".

.padre{ color: red; font-size: 12px; } 

.figlia{ .padre; }

compressori JS e CSS

Il tempo di caricamento di una pagina dipende anche dal numero di richieste che vengono inoltrate, può essere utile, quindi, comprimere e accorpare i file css e i file javascript (così come è buona regola accorpare in un unica immagine, detta sprite, le nostre varie gif,png,jpg: sarà il CSS opportunamente compilato ad occuparsi di ritagliare la porzione che ci interessa).