Who Can Use 檢查網頁配色對視力障礙使用者友善程度
全球資訊網協會（World Wide Web Consortium，W3C）制定的網頁內容無障礙指南相信大家不陌生，網頁內容無障礙指南（Web Content Accessibility Guidelines，WCA…
網頁設計
閱讀全文Who Can Use 檢查網頁配色對視力障礙使用者友善程度
Colorinspire 推薦絕佳色彩組合，下個專案設計拿來試試吧！
免費資源網路社群推薦過不少配色工具，但如果不是色彩控或從事相關工作，可能還是很難從顏色中挑選出合適的組合，例如要為下一個專案計畫、概念或想法設計新的…
Background Image Generator 免費網頁背景產生器，可製作各種材質圖片
現在比較少網站會用到背景圖，但有時候為了要讓背景不要太過單調，或是有些變化又不影響閱讀，會選擇顏色較淺的紋理材質素材，例如 Hero Patterns 可產生平鋪式…
HEAD 網頁開發參考手冊，收錄 HTML5 在 head 可用標籤及範例說明
如果你是自行架站的網站管理者，對網頁原始碼結構應該不陌生，若以 WordPress 架設網站通常會有完整 <head> 段落，取決於你使用的佈景主題，這部份是用來…
Taiwan Icon Font 屬於台灣的免費圖示，收錄台北101、珍珠奶茶等圖案
愛台灣可以有很多表現方式，例如拍照上傳社群網站讓世界看到台灣的美，走訪各鄉鎮看看台灣大街小巷，雖然大家都很熱衷出國自助旅遊，但其實台灣也有不少很美麗…
Favic-o-Matic 快速裁切、製作各種尺寸大小的 Favicon 網站圖示
最近無意間發現免費資源網路社群在 Google 搜尋結果無法正確顯示網站圖示，也就是大家都知道的 Favicon（Favorites icon），這個小小圖示代表一個網站，經常會…
Snapfont 在網頁即時套用測試 Google Fonts 和本機字型顯示效果（Chrome 擴充功能）
對中文網頁來說，CSS 字型設定一直是個麻煩的問題，想直接載入字型檔案容量太大，拖慢網頁速度、耗費過多流量，通常會使用網頁字型解決，像是 Google Fonts 和 …
everysize 輸入網址就能測試響應式網頁在各種裝置尺寸的顯示效果
現在很多人是透過智慧型手機或平板電腦瀏覽網頁，在網頁設計上就要考量到如何讓不同尺寸螢幕大小也能正常顯示，以往會製作成電腦版和手機版兩種格式，後來多半…
Favicon.io 最強大的網站圖示產生器，可線上文字製作或以圖片轉換
前段時間在研究網站圖示（Favicon）如何正確運作，對有在經營網站的站長來說一定知道在網站加入識別圖案的重要性，一般來說，加入網站圖示的作法並不困難，甚至…
Fluent Icons 免費下載 965 個漂亮專業的流暢設計風格圖示
在一些大公司推動的產品開發都會有「設計語言」（Design Language），簡單來說就是將設計的表達方式、偏好或風格系統化，寫成明確規範，讓設計師和開發人員間能…