8 stron, które działają dobrze bez JS, dziękuję
Zbyt wielu programistów polega na JavaScript jako niezbędnym zasobu. Patrzymy na szereg witryn, które są nowoczesne, interaktywne i mają świetny UX, bez potrzeby stosowania JavaScript.
Zbierz "okrągłe, panie, panowie i dzieci. Na twoich oczach odkryjemy kilka dziwaków z Internetu! Ujrzeć! Strony internetowe, które nie wymagają JavaScriptu, aby wyświetlać zawartość podaną przez Boga!
Och, myślisz, że żartuję? Witryny prezentowane przez zwykły stary HTML i CSS stają się coraz rzadsze. W tym momencie nie wiem, kogo winić i czy naprawdę warto kogoś winić? Mogę wskazać palcem na kogokolwiek lub cokolwiek, co uważam za obwiniane, lub wskazać palcami na kreatywne i czasami duże strony internetowe, które robią to dobrze!
Co mam na myśli mówiąc "rób to dobrze"? Niektóre z tych witryn, możesz zauważyć, implementują pewne rzeczy za pomocą JavaScript. Ale tu jest tajemnica: jeśli wyłączysz JavaScript, te strony będą działały dobrze. Treść nie tylko znika. Efekty i funkcje JavaScript mają awarie! Witryny są stopniowo ulepszane lub zanikają z gracją.
Tak czy siak: działają. W dzisiejszych czasach trudno je znaleźć.
1. Amazon
Możesz spodziewać się witryny zawierającej tak dużo informacji na dowolnej stronie jak Amazonka musi użyć góry JavaScript, aby w jakiś sposób zorganizować ją bardziej efektywnie. Bynajmniej. Wyłącz JS i możesz kupować rzeczy w porządku.
2. The Warren Trust
The Warren Trust jest kolejnym, który degraduje się z wdziękiem. Po włączeniu JS strona wykorzystuje techniki AJAX do ładowania treści z innych stron bez technicznego opuszczania strony głównej. Wyłącz JS i nie będzie działać tak, jak działa z JS, ale działa . Nadal możesz zobaczyć każdą stronę, ale wiesz, na własnej stronie.
3. Rzeczy i bzdury
Rzeczy i bzdury został stworzony przez znanego i samozwańczego projektanta stron internetowych Andy'ego Clarke'a. Więc tak, to działa z i bez JS w porządku. Jest to piękny przykład witryny, która (w większości) działa idealnie w porządku w obie strony.
Jedyne, co nie działa, gdy JS jest wyłączone, to odtwarzacz audio. Tego można się spodziewać, naprawdę. Nie mogę za to zabrać wielu punktów.
4. Mike Mai
Strona Mike'a Mai jest wystarczającym dowodem na to, że twoja strona może być dużo kreatywna - jeśli trochę dziwna w tym przypadku - bez skryptów. Mam na myśli "dziwne" i naprawdę mam na myśli "mało".
Może to nie być plakatowa strona wizualnej dostępności, ale pokazuje, jakie rzeczy można osiągnąć w zwykłym starym formacie HTML i CSS przez tych, którzy są na tyle szaleni, aby to wypróbować.
5. Uspokój dom
Solace House jest otrzeźwiającym przykładem strony, która absolutnie musi działać w dowolnym czasie, niezależnie od okoliczności, bez względu na to, które technologie są lub nie działają. W końcu to centrum zapobiegania samobójstwom.
Być może będziesz w stanie twierdzić, że docelowa grupa demograficzna powinna mieć włączoną obsługę JavaScript w każdej chwili, ale są pewne usługi, które są zbyt ważne, aby pozostawiać je przypadkowi.
6. Twitter
Tak, to Świergot . Podczas badania tego artykułu dowiedziałem się, że Twitter działa wystarczająco dobrze bez JavaScriptu. Cóż, ich rozwiązanie jest nieco zakręcone, ale jest skuteczne.
W skrócie, Twitter przekieruje Cię do mniejszej, mobilnej wersji Twittera. Jest w pełni funkcjonalny, z wyjątkiem takich funkcji, jak kanały, które aktualizują się na żywo i tak dalej. Kto powiedział, że media społecznościowe wymagają JavaScript?
Prawdę mówiąc, Twitter nigdy nie czuł się szybciej.
7. Slack
Do uruchomienia możesz potrzebować JavaScript Luźny czat, ale reszta strony skierowanej na klienta wygląda i działa dobrze. Ma nawet warunek w adresie URL bez JavaScript. A kiedy musisz włączyć JS, aby wszystko działało, powiedzą ci! Tak naprawdę mówią!
Nie serio, to jest rzecz, że wiele stron raczej pozwala gapić się na pustą stronę niż nawet powiedzieć: "Woops! Wygląda na to, że JS się zepsuł, lub musisz go włączyć. "Nie podoba mi się to.
8. {$lang_domain}
Nie, poważnie, wypróbuj to. Zobaczysz kilka wizualnych obniżek, ale wszystko, co niezbędne, wygląda dobrze i działa dobrze. O to właśnie chodzi, ludzie!
Chciałbym wziąć na to trochę uznania, ale piszę tu tylko przy okazji. Sądzę, że to mój oficjalny list gratulacyjny dla projektanta!
W konkluzji
Chciałem tylko pokazać ludziom, co można zrobić. to jest to! Nie twierdzę, że powinieneś całkowicie odłączyć JS, ale uważam, że powinniśmy bardziej zastanowić się nad tym, co robimy i nie implementujemy w JavaScript.
Spójrz na witryny wymienione tutaj. Spójrz na siebie. Za każdą rzecz, którą implementujesz za pomocą skryptu, zadaj sobie pytanie, czy naprawdę, naprawdę musisz zrobić z tego skrypt. Z tego powodu, czy naprawdę potrzebujesz HTML ?
Ok ok. To idzie za daleko.