टॉप लिस्ट का लिंक अब नेविगेशन में

इस वेबसाइट पर एक टॉप लिस्ट है: सबसे व्यस्त सार्वजनिक काउंटर, और साथ में हर देश और हर भाषा की उप-सूचियाँ। यह तैयार है, ग्यारह भाषाओं में अनुवादित है, इसमें इससे बाहर रहने का विकल्प है, और यह कुछ समय से लाइव है।

इस बदलाव तक इसका लिंक ठीक दो जगहों पर था: खुद टॉप लिस्ट के अंदर, और इस जगह पर: sitemap.xml। न नेविगेशन बार में, न फ़ुटर में, न मुख्य पेज पर। वहाँ तक पहुँचने के लिए उसका पता पहले से मालूम होना ज़रूरी था। अब यह नेविगेशन बार का पाँचवाँ लिंक है।

यह मामला ठीक वैसा ही है जैसा उन छह तैयार सुविधाओं का, जिन तक पहुँचना मुश्किल था, और यह भी उसी वजह से किसी की नज़र में नहीं आया: अंदर से देखने पर, जो पेज खुल जाता है, वह मौजूद लगता है। उस तक ले जाने वाले लिंक गिनने से ही यह फ़र्क दिखाई देता है।

एक लिंक जोड़ना, और उससे क्या सामने आया

नेविगेशन बार एक बार बनता है और दो बार दिखाया जाता है — चौड़ी स्क्रीन पर एक पंक्ति के रूप में, और ब्रेकपॉइंट से नीचे बर्गर मेन्यू के अंदर। पाँचवाँ लिंक जोड़ना एक लाइन का काम है। उसे जोड़ने से पहले हमने मापा कि यह पंक्ति असल में कितनी चौड़ी होती है।

यहाँ उपलब्ध ब्राउज़र टूल लेआउट की गणना नहीं करते — वे हर एलिमेंट के लिए हर चौड़ाई 0 बताते हैं। इसलिए लेबल GD से, एक असली फ़ॉन्ट फ़ाइल के साथ, पंक्ति के असली आकार पर, हर भाषा में मापे गए। सिस्टम फ़ॉन्ट मापने के लिए इस्तेमाल किए गए फ़ॉन्ट से पतले होते हैं, इसलिए संख्याएँ थोड़ी बड़ी आती हैं, और ऊपरी सीमा के लिए यही सही दिशा है।

भाषा	चार लिंक	पाँच
फ़्रेंच	982 px	1,123 px
स्पैनिश	946 px	1,130 px
चीनी	730 px	802 px

बर्गर मेन्यू 640 px पर शुरू होता था। यानी पंक्ति को चार लिंक के साथ ही 982 px तक की ज़रूरत थी, और 640 px से 980 px के बीच वह शुरू से ही बाहर निकल रही थी — सूची में न तो अगली लाइन में जाने की व्यवस्था है, न बाहर निकलने से कोई बचाव, और दाईं ओर के टूल इसके ज़रिए उस पर दबाव डालते हैं: margin-left: auto।

पाँचवाँ आइटम जोड़ने से यह दायरा बस और चौड़ा हो जाता। इसके बजाय स्विच पॉइंट 1,140 px पर ले जाया गया।

वह समाधान जो नहीं चुना गया

स्पष्ट विकल्प यह है कि पंक्ति को दूसरी लाइन में जाने दिया जाए। इसे एक खास वजह से खारिज किया गया – आँकड़ों के पेजों पर लाइव बार व्यूपोर्ट में इस जगह पर चिपका रहता है: top: 57px, और यह संख्या नेविगेशन बार की ऊँचाई है। दो लाइनों वाला बार हर आँकड़ों के पेज पर अपने ही नीचे खिसक जाता। स्विच पॉइंट को खिसकाने से ऊँचाई ठीक वैसी ही रहती है, जैसी थी।

नए लिंक का लेबल टॉप लिस्ट पेज के अपने शीर्षक को ही दोबारा इस्तेमाल करता है, जो पहले से ग्यारहों भाषाओं में मौजूद है। अनुवाद की कोई बारहवीं कुंजी नहीं, और बार में गंतव्य का नाम ठीक वही है, जो खुद गंतव्य पेज पर है।