Nowa strona bloga dobrze układała się na małym ekranie, ale tekst karty przejmował domyślny niebieski kolor i podkreślenie przeglądarki. Konstrukcja była poprawna, za to efekt wizualny kompletnie rozbijał cały projekt.
Biały tekst, spokojna hierarchia.
Cała karta zachowuje spójny wygląd niezależnie od tego, czy link był wcześniej odwiedzony.
Co zostało poprawione
Karta ma teraz jawnie ustawiony kolor tekstu, wyłączone domyślne podkreślenie oraz osobny styl dla odwiedzonego linku. Dodałem też subtelny stan najechania, który wzmacnia obramowanie bez zmiany układu.
Dlaczego o tym piszę
To dobry przykład poprawki, która w kodzie zajmuje kilka deklaracji, a na ekranie zmienia wszystko. Nowoczesny projekt jest sumą takich drobiazgów — szczególnie na urządzeniach mobilnych, gdzie każdy błąd ma mniej miejsca, żeby się ukryć.
Poprawka jest już publiczna, a karta zachowuje teraz tę samą typografię i kontrast na telefonie oraz komputerze.