8 sites die prima werken zonder JS, bedankt
Te veel ontwikkelaars vertrouwen op JavaScript als een essentiële bron. We kijken naar een reeks sites die modern, interactief zijn en over geweldige UX beschikken, zonder JavaScript.
Verzamel 'ronde, dames, heren en kinderen. Kijk, voor uw eigen ogen zullen we verschillende freaks van het internet onthullen! Ziet! Websites die geen JavaScript nodig hebben om hun door God gegeven inhoud weer te geven!
Denk je dat ik een grapje maak? Websites die gepresenteerd worden door gewone oude HTML en CSS worden steeds zeldzamer. Op dit moment weet ik niet wie de schuldige is en is het echt de moeite waard iemand de schuld te geven? Ik zou met de vinger kunnen wijzen naar wie of wat dan ook waarvan ik denk dat het de schuld is, of ik zou met de vinger wijzen naar creatieve en soms grote websites die het goed doen!
Wat bedoel ik met "het goed doen"? Sommige van deze sites, ziet u mogelijk, implementeren sommige dingen met JavaScript. Maar hier is het geheim: als je JavaScript uitschakelt, werken deze sites nog steeds prima. De inhoud verdwijnt niet alleen. De JavaScript-effecten en -functies hebben fallbacks! Sites worden geleidelijk verbeterd of ze worden gracieus verslechterd.
Hoe dan ook: ze werken. En ze zijn tegenwoordig moeilijk te vinden.
1. Amazon
Je zou kunnen verwachten dat een site met zoveel informatie aanwezig is op een gegeven pagina als Amazone moet een berg JavaScript gebruiken om het op de een of andere manier efficiënter te organiseren. Niet zo. Schakel de JS uit en je kunt dingen prima kopen.
2. The Warren Trust
The Warren Trust is een andere die behoorlijk gracieus degradeert. Als JS is ingeschakeld, gebruikt de site AJAX-technieken om inhoud van andere pagina's te laden zonder de startpagina technisch te verlaten. Schakel de JS uit en het zal niet werken zoals bij de JS, maar het werkt . Je kunt nog steeds elke pagina zien, maar, weet je wel, op zijn eigen pagina.
3. Spullen en onzin
Spullen en onzin is gemaakt door de bekende en zelf toegegeven webontwerper Andy Clarke. Dus ja, het werkt met en zonder JS prima. Het is een mooi voorbeeld van een site die (meestal) prima werkt, hoe dan ook.
Het enige dat niet werkt wanneer JS is uitgeschakeld, is de audiospeler. Dat is eigenlijk te verwachten. Ik kan daar niet veel punten voor nemen.
4. Mike Mai
De website van Mike Mai is voldoende bewijs dat uw site voldoende creatief kan zijn - al is het een beetje vreemd in dit geval - met of zonder scripting. En ik bedoel "vreemd", en ik bedoel echt "klein".
Het is misschien niet de poster-site voor visuele toegankelijkheid, maar het laat wel zien wat voor soort dingen kunnen worden bereikt in gewone oude HTML en CSS door degenen die gewoon gek genoeg zijn om het te proberen.
5. Solace House
Solace House is een ontnuchterend voorbeeld van een site die absoluut op elk moment moet werken, onder welke omstandigheden dan ook, ongeacht welke technologieën wel of niet werken. Het is tenslotte een centrum voor zelfmoordpreventie.
U kunt misschien stellen dat uw doelgroep in sommige omstandigheden JavaScript op elk moment moet hebben ingeschakeld, maar er zijn sommige services die te belangrijk zijn om ooit aan het toeval te worden overgelaten.
6. Twitter
Ja, dat tjilpen . Tijdens het onderzoeken van dit artikel ontdekte ik dat Twitter goed genoeg werkt zonder JavaScript. Welnu, hun oplossing is misschien een beetje ingewikkeld, maar het is effectief.
Kortom, Twitter zal je eigenlijk doorverwijzen naar een versmalde, mobiele versie van Twitter. Het is volledig functioneel, behalve voor functies zoals feeds die live worden bijgewerkt, enzovoort. Wie zegt dat sociale media JavaScript nodig heeft?
Eerlijk gezegd, Twitter voelde zich nooit sneller.
7. Slack
U heeft JavaScript nodig om daadwerkelijk een speling chatroom, maar de rest van de klantgerichte site ziet er goed uit en werkt prima. Het heeft zelfs een voorwaarde in de URL voor geen JavaScript. En wanneer u JS moet inschakelen om dingen te laten draaien, vertellen ze u dat! Ze vertellen het je eigenlijk!
Nee, serieus, het is een ding dat veel sites je liever naar een lege pagina laten staren dan zelfs zeggen: "Woops! Lijkt erop dat de JS kapot is gegaan, of je moet het inschakelen. "Ik vind dit ding niet leuk.
8. {$lang_domain}
Nee, serieus, probeer het uit. U zult een paar visuele downgrades zien, maar alles wat essentieel is ziet er goed uit en werkt goed. Dit is waar het allemaal om draait, mensen!
Ik zou het graag op prijs stellen, maar ik schrijf hier zo nu en dan. Ik denk dat dit mijn officiële felicitaties aan de ontwerper is!
Ten slotte
Ik wilde mensen gewoon laten zien wat ze konden doen. Dat is het. Ik zeg niet dat je JS helemaal moet weggooien, maar ik geloof dat we veel meer moeten overwegen wat we wel en niet doen in JavaScript.
Kijk naar de sites die ik hier heb genoemd. Kijk naar de uwe. Voor alles wat je met een script implementeert, vraag je jezelf af of je het echt, echt een script moet maken. Wat dat betreft, heb je echt HTML nodig? ?
Oke oke. Dat gaat veel te ver.