一般來說，大家比較常使用的免費圖庫多半以提供相片為主，如果要尋找影片素材，也有幾個很知名的影片庫可以搜尋，像是 Pexels Videos、Pixabay Videos 就是在既有的圖庫本業以外再提供影片資源，Coverr、Mixkit 和 Stockio 都能找到不少免費影片，當然影片的數量不如圖片來得多，而且也會考慮到畫質音質或是授權方式等等因素，要付費購買影片內容相對來說成本也更高，若非必要或沒有額外預算其實可以善用網路資源。
網頁設計
Taiwan Icon Font 屬於台灣的免費圖示，收錄台北101、珍珠奶茶等圖案
愛台灣可以有很多表現方式，例如拍照上傳社群網站讓世界看到台灣的美，走訪各鄉鎮看看台灣大街小巷，雖然大家都很熱衷出國自助旅遊，但其實台灣也有不少很美麗、很有特色的地方，可惜假日出去總是人擠人，不在台灣還是會想念台灣美食。對於亞洲鄰近國家觀光客來說，他們也非常喜歡台灣，不少日本人很愛到台灣旅遊，都能拍出讓我覺得很不像台灣的相片。
HEAD 網頁開發參考手冊，收錄 HTML5 在 head 可用標籤及範例說明
如果你是自行架站的網站管理者，對網頁原始碼結構應該不陌生，若以 WordPress 架設網站通常會有完整 <head> 段落，取決於你使用的佈景主題，這部份是用來描述一個頁面的相關資訊，例如網頁標題、語言、樣式表、說明、關鍵字和略縮圖等等，很多時候會透過 SEO 外掛工具產生各種常用的 Meta Tags 以擴充佈景主題不足的部分，如果你要從頭開始寫一個網頁或佈景主題，就必須知道 <head> 有那些可用的標籤。
Background Image Generator 免費網頁背景產生器，可製作各種材質圖片
現在比較少網站會用到背景圖，但有時候為了要讓背景不要太過單調，或是有些變化又不影響閱讀，會選擇顏色較淺的紋理材質素材，例如 Hero Patterns 可產生平鋪式背景 SVG 圖，或是 Bg-Patterns、Paper-co 也有不少紋理背景可以免費下載，當然這些工具都提供基本的設定選項，像是調整大小、密集程度或圖片格式，就能透過小張圖片拼接成背景，對於速度較慢的行動網路來說也不會因此而延遲網站載入速度。
Colorinspire 推薦絕佳色彩組合，下個專案設計拿來試試吧！
免費資源網路社群推薦過不少配色工具，但如果不是色彩控或從事相關工作，可能還是很難從顏色中挑選出合適的組合，例如要為下一個專案計畫、概念或想法設計新的色彩組合，從顏色裡可能毫無頭緒，不確定兩三種顏色搭配是不是相得益彰，這可能會影響整體視覺感受，不如直接給出色彩預覽會更易於參考。如果你經常糾結在沒有好的配色組合，接下來要介紹的服務或許會對你有幫助。
Who Can Use 檢查網頁配色對視力障礙使用者友善程度
全球資訊網協會（World Wide Web Consortium，W3C）制定的網頁內容無障礙指南相信大家不陌生，網頁內容無障礙指南（Web Content Accessibility Guidelines，WCAG）用於讓網頁可以更容易被訪問，藉由這些原則，讓內容能夠被廣大的身心障礙人士使用，其中涉及到可感知性、可操作性和可理解性等各種層面。
Responsive Viewer 在單一頁面查看網頁在不同螢幕大小裝置的顯示樣貌（Chrome 擴充功能）
如果要讓行動裝置正常瀏覽網頁，可以另外製作手機版頁面或是透過自適應網頁設計（Responsive Web Design，簡稱 RWD）技術來調整版型，那麼要怎麼知道一個網站有沒有支援 RWD 呢？最簡單的方法就是拖曳調整視窗大小，看看網頁是不是在寬度較窄時仍可正常顯示，例如選單可能會縮起變成點選後才展開的按鈕。大部分的開發者都會使用行動裝置測試版型，但每個裝置大小都有差異，若沒辦法同時擁有這麼多裝置進行測試，其實透過一些電腦上的工具也能達到相同效果。
閱讀全文 » 關於 Responsive Viewer 在單一頁面查看網頁在不同螢幕大小裝置的顯示樣貌（Chrome 擴充功能）
Line Awesome 超過 4000 個免費線稿圖示，修改自知名 Font Awesome
如果說到最知名的免費圖示字型（Icons Font），我想大家一定聽過 Font Awesome，這套圖示最初發佈於 2012 年，現今則由 1,544 個圖案組成，主要分為免費、開放原始碼和付費 Pro 圖示兩大類型，在使用 Font Scripts 網站中佔有 20% 市佔率，可以想見我們看到的很多圖案可能都是來自它。若要使用這套圖示，除了直接從官方網站或 GitHub 下載整套圖示集，亦可透過開放式內容傳遞網路提供的鏈結載入相關圖案。