快轉到主要內容

當今網頁設計框架太肥大了,架站難道不能只用HTML + CSS就搞定?

· 民國115年丙午年
·
切換繁體/簡體
分類 人文藝術 隨筆
標籤 Blogging

Hacker News上常常有討論網頁設計太肥大的問題。

例如,這是你的今日典型網頁瀏覽體驗:How I Experience the Web Today

作為對比:Motherfucking Website

你會刻意停用網頁的JavaScript嗎?歐美開發者好像有種設計風潮,他們在設計網頁的時候是以NoScript為前提設計的,例如Invidious (無廣告Youtube第三方前端) 和 Nitter (X的第三方前端)等等。

我想是為了最大程度阻絕廣告與追蹤器載入吧。

沒有JavaScript,網頁就只是網頁,沒有追蹤與傷害使用者的能力。

對極簡主義者(suckless)來說,網頁設計應該是要不依賴JavaScript就能運作的。所有功能應該用plain HTML與CSS來implement,JavaScript最多只是執行個小工具,不應該使用前端框架,更不該加密與過度混淆。

雖然這會讓網頁看起來很簡陋。但這讓網頁是可被信任的被稽核的。

參考FSF的設計風格,他們難以讓網頁全寬顯示。

Neocities社區上很多網站也是這樣。看看Neocities這種老式的Web 2.0網頁設計,不禁就會讓人覺得現在的網頁太膨脹了。不應該是這樣的…業界每過幾年就換一個前端框架卻忽略了要表達的內涵。各種現成同質性的的模板主題也抹殺了自製網頁的樂趣。

Slackware用戶自己手刻的網頁,也有不能全寬的問題。

一個刻意模仿陳舊設計風格的友人blog。

網頁設計不應該只考慮在Firefox與Chrome的渲染效果,還要在純文字的終端機w3m也能閱讀。甚至讀者想要的話應該要能閱讀HTML。例如Richard Stallman他老人家不用瀏覽器,而是用curl下載網頁閱讀。就能看到本文而不是一堆裝飾符。

JavaScript的話要符合LibreJS的標準,宣告自身是開源的可信賴的才載入。

在臺灣,要用古法打造個人風格的網站,可能就Plurk、Pixnet、UDN Blog、Blogger這些遠古遺物了吧。

要打造網頁的時候,在選擇網頁框架上,我一定是挑清楚好維護的方案吧。目前挑選Hugo的理由,就在於它用單一執行檔就能跑起來,不用複雜的node modules,而且社區龐大。網頁編譯速度快,所有文章都用Markdown保存。清楚可控呀。

說是這麼說,但我沒辦法從頭手搓一個好看網頁。以前做過的實驗將suckless.org極簡純HTML網頁設計哲學付諸實現覺得還是太冒險了。

因此目前還是用Hugo搭配別人寫好的Tailwind CSS的Blowfish主題生成靜態網站。幸好我的網站目前還算精簡,即使禁用JavaScript大部分元素都還是能跑出來,就留言板不可用而已。

我必須在實用與最小化設計中做出取捨。

相關文章


此處提供二種留言板。點選按鈕,選擇您覺得方便的留言板。

(留言板載入中)這是Giscus留言板,需要Github帳號才能留言。支援Markdown語法,若要上傳圖片請善用外部圖床。您的留言會在Github Discussions向所有人公開。

Click here to edit your comments.

(留言板載入中)這是Disqus留言板,您可能會看到Disqus強制投放的廣告。您可以匿名留言。為防止垃圾內容,有時留言可能會被系統判定需審核,導致延遲顯示,請見諒。若要上傳圖片請善用外部圖床網站。