A toplista mostantól szerepel a navigációban

Ennek a weboldalnak van egy toplistája: a legforgalmasabb nyilvános számlálók, valamint országonkénti és nyelvenkénti allisták. Elkészült, tizenegy nyelvre le van fordítva, ki lehet maradni belőle, és egy ideje élesben működik.

E változtatás előtt pontosan két helyről mutatott rá link: magából a toplistából, valamint innen: sitemap.xml. A navigációs sávból nem, a láblécből nem, a főoldalról nem. Aki el akart jutni oda, annak már ismernie kellett a címet. Mostantól ez az ötödik cél a navigációs sávban.

Ugyanaz a mintázata, mint annak a hat kész funkciónak, amelyeket nehéz volt elérni, és ugyanazért maradt észrevétlen: belülről nézve egy oldal, amely megnyílik, létező oldal. A rá mutató linkek megszámolása az, ami láthatóvá teszi a különbséget.

Egyetlen link hozzáadása, és amit feltárt

A navigációs sáv egyszer épül fel, és kétszer rajzolódik ki — széles képernyőn sorként, a töréspont alatt pedig a hamburgermenüben. Egy ötödik cél hozzáadása egyetlen sor. Mielőtt hozzáadtuk volna, megmértük, valójában milyen szélesre nyúlik a sor.

Az itt elérhető böngészőeszközök nem számolnak elrendezést — minden szélességre, minden elemnél 0-t adnak vissza. Ezért a feliratokat GD-vel mértük meg, egy valódi betűtípusfájllal, a sor tényleges betűméretében, minden nyelven. A rendszerbetűtípusok keskenyebbek, mint a méréshez használt betűtípus, így a számok kissé túl nagyra jönnek ki, ami egy felső korlátnál a helyes irány.

nyelv	négy cél	öt
francia	982 px	1 123 px
spanyol	946 px	1 130 px
kínai	730 px	802 px

A hamburgermenü 640 px-nél vette át a helyét. A sornak tehát már négy céllal is akár 982 px kellett, és 640 és 980 px között mindvégig kilógott — a listában nincs sortörés és túlcsordulás elleni védelem sem, a jobb oldali eszközök pedig ezzel nyomják vissza: margin-left: auto.

Egy ötödik elem hozzáadása csak kiszélesítette volna ezt a sávot. Ehelyett a váltási pont került 1 140 px-re.

A javítás, amelyet nem választottunk

Kézenfekvő alternatíva, hogy a sor egy második sorba törjön. Egy konkrét ok miatt vetettük el: a statisztikaoldalak élő sávja ebben a pozícióban tapad a nézetablakhoz: top: 57px, és ez a szám a navigációs sáv magassága. Egy kétsoros sáv minden statisztikaoldalon önmaga alá csúszna. A váltási pont áthelyezése a magasságot pontosan változatlanul hagyja.

Az új link felirata a toplistaoldal saját címsorát használja újra, amely már mind a tizenegy nyelven létezik. Nem kellett tizenkettedik fordítási kulcs, és a sáv pontosan úgy nevezi meg a célt, ahogyan maga a céloldal.