Snapfont 在網頁即時套用測試 Google Fonts 和本機字型顯示效果（Chrome 擴充功能）
對中文網頁來說，CSS 字型設定一直是個麻煩的問題，想直接載入字型檔案容量太大，拖慢網頁速度、耗費過多流量，通常…
CSS
閱讀全文Snapfont 在網頁即時套用測試 Google Fonts 和本機字型顯示效果（Chrome 擴充功能）
Taiwan Icon Font 屬於台灣的免費圖示，收錄台北101、珍珠奶茶等圖案
愛台灣可以有很多表現方式，例如拍照上傳社群網站讓世界看到台灣的美，走訪各鄉鎮看看台灣大街小巷，雖然大家都很熱…
Hexometer Website Analyzer 分析網站使用那些第三方服務或工具（Chrome、Firefox）
通常一個網站背後是由許多的技術和服務組成，舉例來說，使用 WordPress 做為內容管理系統，再以 Cloudflare 加速並保…
Line Awesome 超過 4000 個免費線稿圖示，修改自知名 Font Awesome
如果說到最知名的免費圖示字型（Icons Font），我想大家一定聽過 Font Awesome，這套圖示最初發佈於 2012 年，現今則…
CSSgram 以 CSS 和 Sass 編寫而成 Instagram 濾鏡效果
很多早期會使用 Instagram 的朋友都很喜歡對相片套用濾鏡效果的設計，雖然現在有各種應用程式可以做到，甚至成為內建…
Freebies.ByPeople 各種免費素材集散地，設計師開發人員必須收藏
免費資源網路社群本身已經是一個收錄超過六千篇文章的免費資源網站，因此我就比較少介紹同類型的服務，不過網路上確…
Darkmode.js 為網站加入深色模式，只要一段程式碼就能實現
macOS 10.14 Mojave 加入全新「深色模式」功能，iOS 13 預告也會加入此模式，如果你曾經將電腦切換為深色，應該會發…
CSSFX 最美的 CSS 動態效果一鍵複製，提升使用者操作體驗
前陣子介紹過「CSSeffectsSnippets 收錄 CSS 動態效果，線上預覽一鍵複製程式碼」這個很有趣的網站，事實上現今 CSS …
CSSeffectsSnippets 收錄 CSS 動態效果，線上預覽一鍵複製程式碼
網頁設計師或網站開發者一定對 CSS 不陌生，CSS 中文是階層式樣式表，通常會簡稱為樣式表，主要是用來控制網頁中看到…
Zwicon 手工打造高品質免費圖示集，566 種圖案收錄各種格式
開發一項新的專案前，可能會先去把相關資源找齊，其中在介面部分一定會碰到的問題是要使用那一套圖示做為主視覺，網…