Toplista ma teraz odnośnik w nawigacji
W tym artykule
Ta witryna ma toplistę: najruchliwsze publiczne liczniki, do tego listy cząstkowe według kraju i języka. Jest zbudowana, przetłumaczona na jedenaście języków, ma możliwość wypisania się i działa od dłuższego czasu.
Do tej zmiany odnośnik prowadził do niej z dokładnie dwóch miejsc: z samej toplisty i z sitemap.xml. Nie z paska nawigacji, nie ze stopki, nie ze strony głównej. Dotarcie tam wymagało znajomości adresu z góry. Teraz jest piątym celem w pasku nawigacji.
To ten sam kształt co przy sześciu gotowych funkcjach, do których trudno było dotrzeć, i umknęło z tego samego powodu: od środka strona, która się otwiera, wygląda jak strona, która istnieje. Różnicę widać dopiero wtedy, gdy policzy się odnośniki, które na nią wskazują.
Jeden odnośnik — i co odsłonił
Pasek nawigacji buduje się raz, a rysuje dwa razy — jako wiersz na szerokich ekranach i wewnątrz menu hamburgerowego poniżej punktu przełączenia. Piąty cel to jeden wiersz. Przed dodaniem zmierzyliśmy, jak szeroki ten wiersz naprawdę się robi.
Dostępne tu narzędzie przeglądarkowe nie liczy układu — zwraca 0 dla każdej szerokości i każdego elementu. Etykiety zmierzono więc przez GD wobec prawdziwego pliku czcionki w rozmiarze wiersza, w każdym języku. Czcionki systemowe są węższe od tej użytej do pomiaru, liczby wychodzą więc nieco za duże, a to właściwy kierunek dla górnego ograniczenia.
| język | cztery cele | pięć |
| francuski | 982 px | 1 123 px |
| hiszpański | 946 px | 1 130 px |
| chiński | 730 px | 802 px |
Menu hamburgerowe przejmowało od 640 px. Wiersz potrzebował więc już przy czterech celach do 982 px i między 640 px a 980 px wylewał się przez cały ten czas — lista nie ma ani zawijania, ani zabezpieczenia przed przepełnieniem, a narzędzia po prawej napierają na nią przez margin-left: auto.
Piąty cel tylko poszerzyłby to pasmo. Punkt przełączenia powędrował zamiast tego na 1 140 px.
Rozwiązanie, którego nie wybrano
Nasuwa się, żeby pozwolić wierszowi zawinąć się na drugą linijkę. Odpadło z konkretnego powodu: pasek live na stronach statystyk zaczepia się o krawędź okna przez top: 57px, a ta liczba to wysokość paska nawigacji. Dwuwierszowy pasek wsuwałby się na każdej stronie statystyk pod samego siebie. Przesunięty punkt przełączenia zostawia wysokość dokładnie taką, jaka była.
Etykieta nowego odnośnika przejmuje nagłówek samej toplisty, który istnieje już we wszystkich jedenastu językach. Żadnego dwunastego klucza tłumaczeń, a cel nazywa się w pasku dokładnie tak, jak nazywa się na stronie, na której się ląduje.