Daftar teratas kini punya tautan di navigasi

Situs ini memiliki daftar teratas: penghitung publik tersibuk, ditambah subdaftar per negara dan per bahasa. Daftar itu sudah dibangun, sudah diterjemahkan ke sebelas bahasa, memiliki opsi untuk tidak ikut serta, dan sudah aktif cukup lama.

Sebelum perubahan ini, daftar itu hanya ditautkan dari tepat dua tempat: dari dalam daftar teratas itu sendiri, dan dari sitemap.xml. Tidak dari bilah navigasi, tidak dari footer, tidak dari beranda. Untuk mencapainya, orang harus sudah tahu alamatnya. Kini daftar itu menjadi tujuan kelima di bilah navigasi.

Ini memiliki bentuk yang sama dengan enam fitur jadi yang sulit dijangkau, dan tidak disadari karena alasan yang sama: dari dalam, halaman yang bisa dibuka adalah halaman yang ada. Menghitung tautan yang mengarah ke sanalah yang membuat perbedaannya terlihat.

Menambahkan satu tautan, dan apa yang terungkap karenanya

Bilah navigasi dibangun sekali dan digambar dua kali — sebagai satu baris di layar lebar, dan di dalam menu burger di bawah breakpoint. Menambahkan tujuan kelima hanya satu baris kode. Sebelum menambahkannya, kami mengukur seberapa lebar baris itu sebenarnya.

Perkakas browser yang tersedia di sini tidak menghitung tata letak — hasilnya 0 untuk setiap lebar, untuk setiap elemen. Karena itu label-labelnya diukur dengan GD menggunakan berkas font sungguhan pada ukuran sebenarnya di baris itu, dalam setiap bahasa. Font sistem lebih sempit daripada font yang dipakai untuk mengukur, sehingga angkanya sedikit terlalu besar, dan itu arah yang benar untuk batas atas.

bahasa	empat tujuan	lima
Prancis	982 px	1.123 px
Spanyol	946 px	1.130 px
Tionghoa	730 px	802 px

Menu burger mengambil alih di 640 px. Jadi dengan empat tujuan pun baris itu sudah membutuhkan hingga 982 px, dan antara 640 px dan 980 px baris itu selama ini meluap — daftarnya tidak memiliki pelipatan baris maupun pengaman luapan, dan perkakas di sebelah kanan mendorong balik dengan margin-left: auto.

Menambahkan item kelima hanya akan melebarkan rentang itu. Karena itu titik peralihan dipindahkan ke 1.140 px.

Perbaikan yang tidak dipilih

Alternatif yang paling jelas adalah membiarkan baris itu terlipat ke baris kedua. Alternatif itu ditolak karena alasan yang spesifik: bilah langsung di halaman statistik menempel pada viewport di top: 57px, dan angka itu adalah tinggi bilah navigasi. Dengan bilah navigasi dua baris, bilah langsung itu akan menyelip ke bawah navigasi di setiap halaman statistik. Memindahkan titik peralihan membuat tingginya tetap persis seperti semula.

Label tautan baru itu memakai ulang judul halaman daftar teratas sendiri, yang sudah tersedia dalam kesebelas bahasa. Tidak ada kunci terjemahan kedua belas, dan tujuan itu dinamai di bilah persis seperti namanya di halaman tujuan itu sendiri.