前言：瀏覽器裏的數位建築學#

1991 年 8 月 6 日，當提姆·柏內茲-李在 Usenet 的討論群組中貼出萬維網的第一則公告時，網頁只是一個灰底黑字的檔案：幾行文字、幾條藍色的連結，沒有圖片，沒有版面，更談不上任何「設計」。三十五年後，人類在同一個協定之上，建造了承載數兆美元數位經濟的視覺宇宙——從購物商城、新聞媒體、社交網路，到可以直接在瀏覽器裏漫遊的 3D 世界與由人工智慧即時生成的介面。

這段歷程的核心驅動者，是一群特殊的職業：網頁設計師與前端工程師。他們用三種看似平凡的技術——HTML、CSS 與 JavaScript——在每個人的螢幕上建築。他們不砌磚、不澆混凝土，他們的建材是標籤、選擇器與像素；但他們的每一次妥協與突圍，都重新定義了人類在瀏覽器裏的感官邊界。

設計史的三條主軸#

本書將網頁設計的歷史拆解為三條互相纏繞的主軸。

第一條是表現力的解放。從純文字到 <img> 標籤、從表格排版到 CSS、從靜態頁面到 Flash 動畫、再從 2D 平面到 WebGL 三維世界——網頁的視覺能力每前進一步，背後都是某個具名的人物在某個具體的年份做出的具體決定。

第二條是結構的演進。內容與外觀的分離（CSS）、行為的非同步化（AJAX）、介面的元件化（React 與現代框架）、內容與前端的解耦（Headless CMS）——每一次範式轉移，都改變了「誰來設計、誰來開發、誰來維護」的分工。

第三條是商業與制度的角力。瀏覽器大戰是微軟與網景的市場壟斷之爭；W3C 與標準的誕生是制度對混亂的回應；蘋果封殺 Flash 是平台權力對技術霸權的判決；響應式設計的普及是行動網路經濟對桌面思維的顛覆。技術從來不在真空中發生。

歷史不是直線#

閱讀本書時會發現，網頁設計史充滿弔詭：讓網頁變美的 <img> 標籤，同時催生了後來的商業廣告帝國；讓設計師自由的 CSS，被迫先穿過十年瀏覽器相容性的地獄；把網頁推向藝術高峰的 Flash，最終死於一支手機；而今天讓設計效率爆炸的 AI，又把「什麼是設計師」的問題重新拋回人類面前。

每一章聚焦一位或一群傳奇人物，每一節考證真實的歷史事件。技術、經濟、制度、文化如何互相驅動——這是本書真正想講的故事。現在，讓我們回到 1990 年，日內瓦郊外那間辦公室，一台黑色的 NeXT 電腦前。