Οι Κατατάξεις έχουν πλέον σύνδεσμο στην πλοήγηση

Αυτός ο ιστότοπος έχει λίστα κατάταξης: τους πιο πολυσύχναστους δημόσιους μετρητές, καθώς και επιμέρους λίστες ανά χώρα και ανά γλώσσα. Είναι έτοιμη, είναι μεταφρασμένη σε έντεκα γλώσσες, έχει δυνατότητα εξαίρεσης και λειτουργεί εδώ και αρκετό καιρό.

Μέχρι αυτή την αλλαγή, σύνδεσμοι προς αυτήν υπήρχαν σε δύο μόνο σημεία: μέσα από την ίδια τη λίστα κατάταξης και από sitemap.xml. Όχι από τη γραμμή πλοήγησης, όχι από το υποσέλιδο, όχι από την αρχική σελίδα. Για να φτάσει κανείς εκεί έπρεπε να ξέρει ήδη τη διεύθυνση. Τώρα είναι ο πέμπτος προορισμός στη γραμμή πλοήγησης.

Η περίπτωση έχει την ίδια μορφή με τις έξι ολοκληρωμένες λειτουργίες που ήταν δύσκολο να τις βρει κανείς, και πέρασε απαρατήρητη για τον ίδιο λόγο: από μέσα, μια σελίδα που ανοίγει είναι μια σελίδα που υπάρχει. Αυτό που κάνει τη διαφορά ορατή είναι η καταμέτρηση των συνδέσμων που οδηγούν σε αυτήν.

Ένας σύνδεσμος παραπάνω, και τι αποκάλυψε

Η γραμμή πλοήγησης δημιουργείται μία φορά και σχεδιάζεται δύο — ως σειρά σε φαρδιές οθόνες και μέσα στο μενού burger κάτω από το σημείο αλλαγής. Η προσθήκη πέμπτου προορισμού είναι μία γραμμή κώδικα. Πριν τον προσθέσουμε, μετρήσαμε πόσο φαρδιά γίνεται στην πράξη η σειρά.

Τα εργαλεία περιήγησης που είναι διαθέσιμα εδώ δεν υπολογίζουν τη διάταξη — επιστρέφουν 0 για κάθε πλάτος, για κάθε στοιχείο. Έτσι οι ετικέτες μετρήθηκαν με το GD πάνω σε πραγματικό αρχείο γραμματοσειράς, στο πραγματικό μέγεθος της σειράς, σε κάθε γλώσσα. Οι γραμματοσειρές συστήματος είναι στενότερες από αυτή που χρησιμοποιήθηκε για τη μέτρηση, οπότε οι αριθμοί βγαίνουν ελαφρώς μεγαλύτεροι, που είναι η σωστή κατεύθυνση για ένα άνω όριο.

γλώσσα	τέσσερις προορισμοί	πέντε
Γαλλικά	982 px	1.123 px
Ισπανικά	946 px	1.130 px
Κινεζικά	730 px	802 px

Το μενού burger αναλάμβανε στα 640 px. Άρα η σειρά χρειαζόταν ήδη έως 982 px με τέσσερις προορισμούς, και μεταξύ 640 px και 980 px ξεχείλιζε από την αρχή — η λίστα δεν έχει ούτε αναδίπλωση ούτε προστασία από υπερχείλιση, και τα εργαλεία στα δεξιά την πιέζουν με margin-left: auto.

Η προσθήκη πέμπτου στοιχείου απλώς θα διεύρυνε αυτή τη ζώνη. Αντί γι’ αυτό, το σημείο αλλαγής μετακινήθηκε στα 1.140 px.

Η λύση που δεν επιλέχθηκε

Η προφανής εναλλακτική είναι να αφεθεί η σειρά να αναδιπλωθεί σε δεύτερη γραμμή. Απορρίφθηκε για συγκεκριμένο λόγο: η ζωντανή γραμμή στις σελίδες στατιστικών μένει καρφιτσωμένη στο παράθυρο προβολής στο top: 57px, και ο αριθμός αυτός είναι το ύψος της γραμμής πλοήγησης. Με πλοήγηση δύο γραμμών, η ζωντανή γραμμή θα γλιστρούσε από κάτω της σε κάθε σελίδα στατιστικών. Η μετακίνηση του σημείου αλλαγής αφήνει το ύψος ακριβώς όπως ήταν.

Η ετικέτα του νέου συνδέσμου επαναχρησιμοποιεί την επικεφαλίδα της ίδιας της σελίδας κατατάξεων, που υπάρχει ήδη και στις έντεκα γλώσσες. Κανένα δωδέκατο κλειδί μετάφρασης, και ο προορισμός ονομάζεται στη γραμμή ακριβώς όπως ονομάζεται στην ίδια τη σελίδα προορισμού.