everysize 輸入網址就能測試響應式網頁在各種裝置尺寸的顯示效果
現在很多人是透過智慧型手機或平板電腦瀏覽網頁，在網頁設計上就要考量到如何讓不同尺寸螢幕大…
網頁設計
閱讀全文everysize 輸入網址就能測試響應式網頁在各種裝置尺寸的顯示效果
Snapfont 在網頁即時套用測試 Google Fonts 和本機字型顯示效果（Chrome 擴充功能）
對中文網頁來說，CSS 字型設定一直是個麻煩的問題，想直接載入字型檔案容量太大，拖慢網頁速度…
Favic-o-Matic 快速裁切、製作各種尺寸大小的 Favicon 網站圖示
最近無意間發現免費資源網路社群在 Google 搜尋結果無法正確顯示網站圖示，也就是大家都知道的 …
Dareful 提供免費 4K 影片素材，下載 MP4 格式採 CC 授權可商用
一般來說，大家比較常使用的免費圖庫多半以提供相片為主，如果要尋找影片素材，也有幾個很知名…
Taiwan Icon Font 屬於台灣的免費圖示，收錄台北101、珍珠奶茶等圖案
愛台灣可以有很多表現方式，例如拍照上傳社群網站讓世界看到台灣的美，走訪各鄉鎮看看台灣大街…
HEAD 網頁開發參考手冊，收錄 HTML5 在 head 可用標籤及範例說明
如果你是自行架站的網站管理者，對網頁原始碼結構應該不陌生，若以 WordPress 架設網站通常會有…
Background Image Generator 免費網頁背景產生器，可製作各種材質圖片
現在比較少網站會用到背景圖，但有時候為了要讓背景不要太過單調，或是有些變化又不影響閱讀，…
Colorinspire 推薦絕佳色彩組合，下個專案設計拿來試試吧！
免費資源網路社群推薦過不少配色工具，但如果不是色彩控或從事相關工作，可能還是很難從顏色中…
Who Can Use 檢查網頁配色對視力障礙使用者友善程度
全球資訊網協會（World Wide Web Consortium，W3C）制定的網頁內容無障礙指南相信大家不陌生，…
Responsive Viewer 在單一頁面查看網頁在不同螢幕大小裝置的顯示樣貌（Chrome 擴充功能）
如果要讓行動裝置正常瀏覽網頁，可以另外製作手機版頁面或是透過自適應網頁設計（Responsive We…
