Clasamentul are acum un link în navigare

Acest site are un clasament: cele mai active contoare publice, plus subliste pe țări și pe limbi. Este construit, este tradus în unsprezece limbi, are opțiune de excludere și funcționează de ceva vreme.

Până la această modificare, era legat din exact două locuri: din interiorul clasamentului însuși și din sitemap.xml. Nu din bara de navigare, nu din subsol, nu de pe pagina principală. La el ajungea doar cine îi știa deja adresa. Acum este a cincea destinație din bara de navigare.

Tiparul este același ca la cele șase funcții finalizate la care se ajungea greu și a rămas neobservat din același motiv: din interior, o pagină care se deschide este o pagină care există. Numărarea linkurilor care duc spre ea este ceea ce face diferența vizibilă.

Adăugarea unui link și ce a scos la iveală

Bara de navigare este construită o dată și desenată de două ori — ca rând pe ecranele late și în meniul burger sub punctul de comutare. Adăugarea unei a cincea destinații înseamnă o linie. Înainte de a o adăuga, am măsurat cât de lat devine efectiv rândul.

Instrumentele de browser disponibile aici nu calculează layoutul — returnează 0 pentru fiecare lățime, pentru fiecare element. Așa că etichetele au fost măsurate cu GD pe baza unui fișier de font real, la dimensiunea efectivă din rând, în fiecare limbă. Fonturile de sistem sunt mai înguste decât cel folosit la măsurare, așa că cifrele ies puțin prea mari, ceea ce este direcția corectă pentru o limită superioară.

limbă	patru destinații	cinci
franceză	982 px	1.123 px
spaniolă	946 px	1.130 px
chineză	730 px	802 px

Meniul burger prelua controlul la 640 px. Deci rândul avea deja nevoie de până la 982 px cu patru destinații, iar între 640 px și 980 px depășise spațiul tot timpul — lista nu are nici trecere pe rândul următor, nici protecție la depășire, iar instrumentele din dreapta o împing înapoi cu margin-left: auto.

Adăugarea unui al cincilea element doar ar fi lărgit acea bandă. În schimb, punctul de comutare s-a mutat la 1.140 px.

Soluția care nu a fost aleasă

Alternativa evidentă este ca rândul să treacă pe a doua linie. A fost respinsă dintr-un motiv precis: bara live de pe paginile de statistici rămâne fixată în viewport la top: 57px, iar acest număr este înălțimea barei de navigare. O bară pe două rânduri ar aluneca pe sub ea însăși pe fiecare pagină de statistici. Mutarea punctului de comutare lasă înălțimea exact cum era.

Eticheta noului link refolosește titlul paginii clasamentului, care există deja în toate cele unsprezece limbi. Nicio cheie de traducere în plus, iar destinația este numită în bară exact cum este numită pe pagina de destinație însăși.