8 τοποθεσίες που λειτουργούν τέλεια χωρίς JS, σας ευχαριστώ
Πολλοί προγραμματιστές βασίζονται στη JavaScript ως βασικό πόρο. Εξετάζουμε μια σειρά από ιστότοπους που είναι σύγχρονοι, διαδραστικοί και διαθέτουν εξαιρετικό UX, χωρίς την ανάγκη JavaScript.
Συγκεντρώστε "γύρους, κυρίες, γυναίκες και παιδιά. Λω, πριν από τα μάτια σας, θα αποκαλύψουμε αρκετές φρικιές του Διαδικτύου! Βλέπω! Δικτυακοί τόποι που δεν χρειάζονται JavaScript για να εμφανίσουν το περιεχόμενο που τους δόθηκε από το Θεό!
Ω, νομίζεις ότι γελάω; Οι ιστότοποι που παρουσιάζονται με απλό παλιό κώδικα HTML και CSS γίνονται ολοένα και πιο σπάνιοι. Σε αυτή τη φάση, δεν ξέρω ποιος φταίει και αξίζει κανείς να κατηγορεί κάποιον; Θα μπορούσα να δείξω το δάχτυλο σε όποιον ή ό, τι νομίζω ότι είναι φταίξιμο, ή θα μπορούσα να δείξω τα δάχτυλα σε δημιουργικές και μερικές φορές μεγάλες ιστοσελίδες που το κάνουν σωστά!
Τώρα, τι εννοώ για "το κάνει σωστά"; Μερικοί από αυτούς τους ιστότοπους, ίσως παρατηρήσετε, υλοποιούν κάποια πράγματα με το JavaScript. Αλλά εδώ είναι το μυστικό: αν απενεργοποιήσετε το JavaScript, αυτές οι τοποθεσίες εξακολουθούν να λειτουργούν καλά. Το περιεχόμενο δεν εξαφανίζεται μόνο. Τα εφέ και τα χαρακτηριστικά JavaScript έχουν εφεδρεία! Οι τοποθεσίες βελτιώνονται προοδευτικά ή υποβαθμίζονται χαριτωμένα.
Είτε έτσι είτε αλλιώς: λειτουργούν. Και είναι δύσκολο να βρεθούν αυτές τις μέρες.
1. Amazon
Μπορεί να περιμένετε έναν ιστότοπο με τις περισσότερες πληροφορίες που υπάρχουν σε μια δεδομένη σελίδα, όπως Αμαζόνα πρέπει να χρησιμοποιήσει ένα βουνό JavaScript για να το οργανώσει με κάποιο τρόπο πιο αποτελεσματικά. Οχι τόσο. Απενεργοποιήστε το JS και μπορείτε να αγοράσετε πράγματα εντάξει.
2. Το Warren Trust
Το Warren Trust είναι ένα άλλο που υποβαθμίζει αρκετά χαριτωμένα. Με το JS ενεργοποιημένο, ο ιστότοπος χρησιμοποιεί τεχνικές AJAX για να φορτώσει περιεχόμενο από άλλες σελίδες χωρίς τεχνική έξοδο από την αρχική σελίδα. Απενεργοποιήστε το JS και δεν θα λειτουργήσει όπως ακριβώς συμβαίνει με το JS, αλλά λειτουργεί . Μπορείτε να δείτε ακόμα κάθε σελίδα, αλλά, ξέρετε, στη δική της σελίδα.
3. Stuff & ανοησίες
Στοιχεία και ανοησίες δημιουργήθηκε από τον γνωστό και αυτοδεσμευμένο web designer Andy Clarke. Έτσι ναι, λειτουργεί με και χωρίς JS καλά. Είναι ένα υπέροχο παράδειγμα ενός ιστότοπου που (ως επί το πλείστον) λειτουργεί τέλεια με κάθε τρόπο.
Το μόνο πράγμα που δεν λειτουργεί όταν είναι απενεργοποιημένο το JS είναι η συσκευή αναπαραγωγής ήχου. Αυτό είναι κάτι αναμενόμενο, πραγματικά. Δεν μπορώ να πάρω πολλά σημεία για αυτό.
4. Μάικ Μάι
Τοποθεσία του Mike Mai είναι αρκετά απόδειξη ότι ο ιστότοπός σας μπορεί να είναι αρκετά δημιουργικός - αν είναι λίγο περίεργος στην περίπτωση αυτή - με ή χωρίς scripting. Και εννοώ "περίεργο", και πραγματικά εννοώ "λίγο".
Μπορεί να μην είναι η θέση αφίσας για οπτική προσβασιμότητα, αλλά δείχνει τι είδους πράγματα μπορούν να επιτευχθούν σε απλό παλιό HTML και CSS από αυτά που είναι απλώς αρκετά τρελά για να το δοκιμάσουν.
5. Κατοικία Σοφίας
Κατοικία Σοφίας είναι ένα απογοητευτικό παράδειγμα ενός ιστότοπου που χρειάζεται απολύτως να λειτουργήσει οποιαδήποτε στιγμή, κάτω από οποιεσδήποτε συνθήκες, ανεξάρτητα από τις τεχνολογίες που λειτουργούν ή δεν λειτουργούν. Είναι τελικά ένα κέντρο πρόληψης αυτοκτονίας.
Μπορεί να είστε σε θέση να υποστηρίξετε ότι ο δημογραφικός στόχος σας θα πρέπει απλώς να έχει ενεργοποιημένη τη Javascript ανά πάσα στιγμή σε ορισμένες περιπτώσεις, αλλά υπάρχουν κάποιες υπηρεσίες που είναι πολύ ζωτικής σημασίας για να αφήσετε ποτέ στην τύχη.
6. Twitter
Ναι, αυτό Κελάδημα . Ήταν κατά την έρευνα αυτού του άρθρου που ανακάλυψα το Twitter λειτουργεί αρκετά καλά χωρίς JavaScript. Λοιπόν, η λύση τους είναι κάπως περίπλοκη, ίσως, αλλά είναι αποτελεσματική.
Με λίγα λόγια, το Twitter θα σας ανακατευθύνει πραγματικά σε μια κινούμενη έκδοση του Twitter. Είναι πλήρως λειτουργικό, εκτός από τις λειτουργίες όπως οι ζωοτροφές που ενημερώνονται ζωντανά και ούτω καθεξής. Ποιος λέει ότι τα κοινωνικά μέσα χρειάζονται JavaScript;
Αλήθεια, το Twitter δεν αισθάνθηκε ταχύτερα.
7. Χαλαρώστε
Μπορεί να χρειαστείτε JavaScript για να τρέξετε πραγματικά ένα Χαλαρότητα chatroom, αλλά το υπόλοιπο site-πελάτη που βλέπει φαίνεται και λειτουργεί καλά. Έχει ακόμη και μια προϋπόθεση για τη διεύθυνση URL χωρίς JavaScript. Και όταν πρέπει να ενεργοποιήσετε την JS να κάνει τα πράγματα να τρέχουν, σας λένε! Σας λένε πραγματικά!
Δεν είναι σοβαρά, είναι ένα πράγμα που πολλοί ιστότοποι προτιμούν να σας αρέσουν να κοιτάξετε σε μια κενή σελίδα από ό, τι ακόμη και να πείτε: "Woops! Μοιάζει με το JS έσπασε, ή πρέπει να το ενεργοποιήσετε. "Δεν μου αρέσει αυτό το πράγμα.
8. {$lang_domain}
Όχι, σοβαρά, δοκιμάστε το. Θα δείτε μερικές οπτικές υποβαθμίσεις, αλλά όλα τα απαραίτητα φαίνονται καλά και λειτουργούν καλά. Αυτό είναι το θέμα, οι άνθρωποι!
Θα ήθελα πολύ να πιστέψω γι 'αυτό, αλλά γράφω εδώ μερικές φορές. Υποθέτω ότι αυτή είναι η επίσημη επιστολή μου των συγχαρητηρίων στον σχεδιαστή!
Συμπερασματικά
Απλώς ήθελα να δείξω στους ανθρώπους τι θα μπορούσε να γίνει. Αυτό είναι. Δεν λέω ότι θα πρέπει να αποκολλήσετε πλήρως την JS, αλλά πιστεύω ότι θα πρέπει να εξετάσουμε πολύ περισσότερο αυτό που κάνουμε και να μην εφαρμόσουμε στο JavaScript.
Δείτε τις τοποθεσίες που αναφέρω εδώ. Κοιτάξτε τη δική σας. Για κάθε πράγμα που εφαρμόζετε με ένα σενάριο, ρωτήστε τον εαυτό σας αν πραγματικά, πραγματικά πρέπει να το κάνετε ένα σενάριο. Για το θέμα αυτό, χρειάζεστε πραγματικά HTML ;
Εντάξει εντάξει. Αυτό συμβαίνει πολύ μακριά.