Die Topliste steht jetzt in der Navigationsleiste

Diese Seite hat eine Topliste: die belebtesten öffentlichen Zähler, dazu Teillisten je Land und je Sprache. Sie ist gebaut, in elf Sprachen übersetzt, sie hat eine Abmeldemöglichkeit, und sie läuft seit einer Weile.

Bis zu dieser Änderung war sie von genau zwei Stellen verlinkt: aus der Topliste selbst und aus der sitemap.xml. Nicht aus der Navigationsleiste, nicht aus der Fußzeile, nicht von der Startseite. Dorthin zu kommen setzte voraus, die Adresse schon zu kennen. Sie ist jetzt das fünfte Ziel in der Navigationsleiste.

Das hat dieselbe Form wie die sechs fertigen Funktionen, die schwer zu erreichen waren, und es blieb aus demselben Grund unbemerkt: von innen sieht eine Seite, die sich öffnet, aus wie eine Seite, die es gibt. Sichtbar wird der Unterschied, wenn die Verweise gezählt werden, die auf sie zeigen.

Ein Verweis dazu — und was er freilegte

Die Navigationsleiste wird einmal gebaut und zweimal gezeichnet — als Zeile auf breiten Schirmen und im Burgermenü unterhalb des Umschaltpunkts. Ein fünftes Ziel ist eine Zeile. Vor dem Hinzufügen haben wir gemessen, wie breit die Zeile tatsächlich wird.

Das hier verfügbare Browser-Werkzeug rechnet kein Layout — es liefert für jede Breite und jedes Element 0. Also wurden die Beschriftungen mit GD gegen eine echte Schriftdatei in der Größe der Zeile gemessen, in jeder Sprache. Systemschriften sind schmaler als die zum Messen benutzte, die Zahlen fallen also etwas zu groß aus, und das ist die richtige Richtung für eine Obergrenze.

Sprache	vier Ziele	fünf
Französisch	982 px	1.123 px
Spanisch	946 px	1.130 px
Chinesisch	730 px	802 px

Das Burgermenü übernahm ab 640 px. Die Zeile brauchte also schon mit vier Zielen bis zu 982 px, und zwischen 640 px und 980 px lief sie die ganze Zeit über — die Liste hat weder Umbruch noch Überlaufschutz, und die Werkzeuge rechts drücken mit margin-left: auto dagegen.

Ein fünftes Ziel hätte dieses Band nur verbreitert. Der Umschaltpunkt wanderte stattdessen auf 1.140 px.

Die Lösung, die nicht gewählt wurde

Naheliegend wäre, die Zeile auf eine zweite Zeile umbrechen zu lassen. Das fiel aus einem bestimmten Grund aus: die Live-Leiste auf Statistikseiten rastet mit top: 57px am Fensterrand ein, und diese Zahl ist die Höhe der Navigationsleiste. Eine zweizeilige Leiste schöbe sich auf jeder Statistikseite unter sich selbst. Der verschobene Umschaltpunkt lässt die Höhe genau so, wie sie war.

Die Beschriftung des neuen Verweises übernimmt die Überschrift der Toplistenseite, die es in allen elf Sprachen schon gibt. Kein zwölfter Übersetzungsschlüssel, und das Ziel heißt in der Leiste genau so, wie es auf der Zielseite selbst heißt.