Perché penso che la prima volta in questa serie, aggiungeremo alcune cose nuove al design direttamente lavorando nel browser (non iniziando prima in Photoshop). Il nostro obiettivo è progettare i moduli "Hot Links" che vengono visualizzati nella home page.
Etichettiamo ogni sezione della home page con tag di intestazione. Ad esempio "Ultimi post del blog" e "Hot Links". Semanticamente, dovremmo usare un H2 ma lo stile generale H2 è troppo intenso per quella zona. Usiamo il classico trucco in cui abbiamo sostituzioni del nome della classe per lo stile dell'intestazione. In questo modo possiamo sempre usare il tag semantico corretto ma essere in grado di sovrascrivere lo stile in qualsiasi momento con lo stile dell'intestazione che vogliamo. per esempio
I moduli Hot Link sono in gran parte gli stessi dei moduli articolo solo meno complicati e hanno un quadrato rosso nell'angolo in alto a sinistra invece di un quadrato arancione.