Myślę, że po raz pierwszy w tej serii zamierzamy dodać kilka nowych rzeczy do projektu bezpośrednio, pracując w przeglądarce (nie zaczynając najpierw w Photoshopie). Naszym celem jest zaprojektowanie modułów „Hot Links”, które pojawią się na stronie głównej.
Oznaczamy każdą sekcję na stronie głównej tagami nagłówka. Na przykład „Najnowsze posty na blogu” i „Gorące linki”. Semantycznie, powinniśmy używać h2, ale ogólna stylizacja h2 jest zbyt intensywna dla tego obszaru. Używamy klasycznej sztuczki, w której mamy nadpisania nazw klas dla naszego stylu nagłówka. W ten sposób zawsze możemy użyć prawidłowego znacznika semantycznego, ale w każdej chwili możemy zastąpić styl stylem z nagłówka, który chcemy. na przykład
Moduły Hot Link są w większości takie same jak moduły artykułów, ale są mniej skomplikowane i mają czerwony kwadrat w lewym górnym rogu zamiast pomarańczowego kwadratu.