Sıralamalar sayfası artık gezinme çubuğunda

Bu sitenin bir Sıralamalar sayfası var: en yoğun herkese açık sayaçlar, ayrıca ülkeye ve dile göre alt listeler. Sayfa hazır, on bir dile çevrilmiş, listeden çıkma seçeneği var ve bir süredir yayında.

Bu değişikliğe kadar ona tam olarak iki yerden bağlantı veriliyordu: Sıralamalar sayfasının kendi içinden ve bir de şuradan: sitemap.xml. Gezinme çubuğundan değil, sayfa altından değil, ana sayfadan değil. Oraya ulaşmak için adresi önceden bilmek gerekiyordu. Artık gezinme çubuğundaki beşinci hedef.

Bu, ulaşılması zor olan altı tamamlanmış özellikle aynı biçime sahip ve aynı nedenle fark edilmeden kaldı: içeriden bakınca, açılan bir sayfa var olan bir sayfadır. Farkı görünür kılan, ona işaret eden bağlantıları saymaktır.

Tek bir bağlantı eklemek ve ortaya çıkardığı şey

Gezinme çubuğu bir kez oluşturulur ve iki kez çizilir — geniş ekranlarda bir satır olarak, kırılma noktasının altında ise hamburger menünün içinde. Beşinci bir hedef eklemek tek satırlık iş. Eklemeden önce satırın gerçekte ne kadar genişlediğini ölçtük.

Burada kullanılabilen tarayıcı araçları yerleşimi hesaplamıyor — her genişlik için, her öğede 0 döndürüyor. Bu yüzden etiketler her dilde, satırın gerçek boyutunda, gerçek bir yazı tipi dosyasıyla GD kullanılarak ölçüldü. Sistem yazı tipleri ölçümde kullanılandan daha dar olduğundan sayılar biraz fazla büyük çıkıyor; bir üst sınır için doğru yön de bu.

dil	dört hedef	beş
Fransızca	982 px	1.123 px
İspanyolca	946 px	1.130 px
Çince	730 px	802 px

Hamburger menü 640 px genişlikte devreye giriyordu. Yani satır dört hedefle bile 982 px genişliğe kadar çıkıyordu ve 640 px ile 980 px arasında baştan beri taşıyordu — listede ne alt satıra geçme ne de taşma koruması var; sağdaki araçlar da şu kuralla ona direniyor: margin-left: auto.

Beşinci bir öğe eklemek bu aralığı yalnızca genişletirdi. Bunun yerine geçiş noktası 1.140 piksele taşındı.

Seçilmeyen çözüm

Akla gelen alternatif, satırın ikinci bir satıra geçmesine izin vermek. Belirli bir nedenle reddedildi: istatistik sayfalarındaki canlı çubuğun görüntü alanına yapıştığı konum top: 57px, bu sayı da gezinme çubuğunun yüksekliği. Gezinme iki satıra çıksaydı, canlı çubuk her istatistik sayfasında onun altına kayardı. Geçiş noktasını taşımak ise yüksekliği tam olarak olduğu gibi bırakıyor.

Yeni bağlantının etiketi, Sıralamalar sayfasının zaten on bir dilin hepsinde bulunan kendi başlığını yeniden kullanıyor. On ikinci bir çeviri anahtarı yok; hedef, çubukta tam da hedef sayfanın kendisinde adlandırıldığı gibi adlandırılıyor.