來源:派臣科技|時間:2019-08-23|瀏覽:次
太多的開發(fā)人員依賴JavaScript作為基本資源。我們研究了一系列現(xiàn)代的、交互式的、不需要JavaScript就具有出色用戶體驗的站點。
我們將揭露互聯(lián)網(wǎng)上的幾個“怪胎”!它們不需要JavaScript來顯示他們的內(nèi)容!
你以為我在開玩笑嗎?使用普通HTML和CSS呈現(xiàn)的網(wǎng)站建設(shè)越來越少。在這個節(jié)骨眼上,我不知道該怪誰,真的值得責(zé)備誰嗎?我可以把矛頭指向任何我認(rèn)為應(yīng)該受到指責(zé)的人或任何東西,或者我可以把矛頭指向有創(chuàng)意的、有時做得不錯的大型網(wǎng)站!
我說的“做對”是什么意思?您可能注意到,其中一些站點確實使用JavaScript實現(xiàn)了一些功能。但這里有一個秘訣:如果您關(guān)閉JavaScript,這些站點仍然可以正常工作。內(nèi)容不會消失。JavaScript效果和特性有后退!站點會逐步增強(qiáng),或者會優(yōu)雅地降級。
無論哪種方式,它們都有效。而且現(xiàn)在很難找到。
1. 亞馬遜
您可能期望一個站點在任何給定頁面上顯示的信息與Amazon使用大量JavaScript來更有效地組織它一樣多。不是這樣的。關(guān)掉JS,你就可以買到好東西了。
2. 沃倫信托
沃倫信托基金是另一個相當(dāng)體面地降級的基金。有了JS,該網(wǎng)站使用AJAX技術(shù)從其他頁面加載內(nèi)容,而不需要離開主頁。關(guān)掉JS,它不會像打開JS一樣工作,但它確實可以工作。你仍然可以看到每一頁,但是,你知道,在它自己的頁面上。
3.東西&胡說八道
《Stuff & Nonsense》是由知名且自認(rèn)是網(wǎng)頁設(shè)計師的安迪·克拉克創(chuàng)作的。有JS和沒有JS都可以。這是一個很好的例子,說明(大多數(shù)情況下)無論哪種方式都可以很好地工作。
當(dāng)JS關(guān)閉時,唯一不能工作的是音頻播放器。這是可以預(yù)料到的,真的。我不能為此扣掉多少分。
4. 邁克·麥
Mike Mai的站點足以證明您的站點可以很有創(chuàng)意——如果在這種情況下有或沒有腳本有點奇怪的話。它可能不是視覺可訪問性的海報站點,但它確實顯示了哪些東西可以用普通的老式HTML和CSS來完成,而這些東西正是那些瘋狂地嘗試它的人所能做到的。
5. 安慰的房子
《慰藉之家》是一個發(fā)人深省的例子,它告訴我們一個網(wǎng)站無論在任何時間、任何情況下都絕對需要工作,無論哪種技術(shù)是有效的還是無效的。畢竟這是一個自殺預(yù)防中心。
您可能會爭辯說,在某些情況下,您的目標(biāo)人群應(yīng)該始終啟用JavaScript,但是有些服務(wù)太重要了,不能聽之任之。
6. 推特
是的,Twitter。在研究這篇文章時,我發(fā)現(xiàn)Twitter在沒有JavaScript的情況下也能很好地工作。他們的解決方案可能有點復(fù)雜,但是很有效。
簡而言之,Twitter實際上會將您重定向到一個精簡的移動版Twitter。它是完全功能的,除了像實時更新feed之類的功能。誰說社交媒體一定需要JavaScript?
說實話,推特從來沒有這么快過。
7. 松弛
您可能需要JavaScript來實際運(yùn)行一個Slack聊天室,但是這個面向客戶機(jī)的站點的其余部分看起來和工作都很好。它甚至在URL中有一個沒有JavaScript的條件。當(dāng)你需要讓JS運(yùn)行時,他們會告訴你。
說真的,很多網(wǎng)站寧愿讓你盯著空白頁看,也不愿讓你說:“哎呀!看起來JS壞了。”或者讓您重新啟用它。我不喜歡這件事。
8. WebdesignerDepot
說真的,試試吧。你會看到一些視覺上的降級,但是所有重要的東西看起來都很好,而且工作得很好。這就是一切。
當(dāng)然我不是說你應(yīng)該完全拋棄JS,但我相信我們應(yīng)該更多地考慮我們做什么,而不是用JavaScript實現(xiàn)。
看看我在這里列出的網(wǎng)站。看看你自己。對于你用腳本實現(xiàn)的每一件事,問問你自己是否真的,真的需要把它變成一個腳本。