網頁設計師或網站開發者一定對 CSS 不陌生，CSS 中文是階層式樣式表，通常會簡稱為樣式表，主要是用來控制網頁中看到的各種樣式，例如文字大小、間距、背景色、頁面布局或各種元素呈現的方式。隨著現今大部分瀏覽器都已經支援 CSS3，在 CSS3 也加入許多新的功能，其中也支援動畫和立體效果，這都讓網頁能有更多更不同的變化，也不需要再使用舊方法，讓效果在編寫及管理上更輕鬆。
網頁設計
LandingStock 圖庫收錄設計 Landing Page 會用到的免費相片素材
在網路行銷中有一個很常聽到的名詞叫做 Landing Page，中文稱為著陸頁面或到達頁面，簡單來說，就是使用者進入網站後最先看到的第一個頁面，產品通常會以各種不同方式進行宣傳，例如電子報、社群貼文、廣告或搜尋，Landing Page 的功能就是設計內容以引導瀏覽者完成某些動作，像是訂購商品、註冊會員或留下聯絡方式等等，這一連串的過程也被稱為轉換。
Zwicon 手工打造高品質免費圖示集，566 種圖案收錄各種格式
開發一項新的專案前，可能會先去把相關資源找齊，其中在介面部分一定會碰到的問題是要使用那一套圖示做為主視覺，網路上已經有相當多免費圖示可供下載甚至是商業使用，若非必要其實不用再重新開發，我在上一篇「免費圖示 Unicons 收錄超過 1000 個向量圖示下載」提過一些之前介紹過的圖示素材，如果你想找圖示，也可直接瀏覽本站免費圖示分類或透過右側站內搜尋框找到更多相關文章。
Mixkit 免費高畫質影片素材網，可自由下載使用於商業用途
如果要找圖片素材，網路上有非常多的免費圖庫，相對來說影片素材就少很多，不過現在網頁設計很流行使用動態影片作為背景，看起來更生動也更引人注目，而影片在拍攝製作難度上比圖片高很多，因此就需要一些可以獲取免費影片的圖庫網站，例如 Coverr 提供網頁背景影片素材下載，或是 Stockio、Pixabay Videos、Life of Vids 這類網站都可以免費下載影音內容，如果你在開發網站時會用到動態背景，或許影音素材是個不錯的選擇。
Unicons 超過 1000 個向量圖示免費下載，完美像素放大縮小不影響解析度
如果要開發應用程式或網路服務，通常會需要整套樣式一致的圖示集，而這些圖案也不是太難找，網路上有不少以開放原始碼釋出、甚至可用做商業用途的圖示庫，例如我之前介紹過的 illustrio、Ionicons、Feather Icons 和 Octicons 等等（文章裡還有更多免費圖示集鏈結），這些圖案都有不太一樣的樣式設計，只要符合自己介面風格就能有相當好的效果，相較於自行開發整套圖示來說也更省時省事。
Testmysite.io 為網站各項指標評分，測試從世界不同城市連線速度
對於網站來說搜尋引擎最佳化（SEO）固然重要，但這包含非常多的因素，其中最常被提到的是內容品質，也是一般網站比較容易控制的部份。我通常會建議先去詳讀 Google 搜尋引擎最佳化初學者指南，這份文件不僅深入淺出，而且已經彙整許多很重要的大方向，只要把握這些原則應該都會有不錯的表現，除此之外，網站能否吸引點擊、會不會有好的瀏覽體驗，則是和網站速度有密切關係。