CSS Loaders：超過 600 個單一元素 CSS 載入動畫免費合集
今天要介紹的「CSS Loaders」號稱全世界最大的載入動畫合集，這裡收錄超過 600 個僅使用單一元素製作的 CSS 載入動畫，這些動畫不需要用到 JavaScript，專注於…
樣式表
閱讀全文CSS Loaders：超過 600 個單一元素 CSS 載入動畫免費合集
Copy & Paste CSS 教學：快速複製 CSS 樣式與網頁元件的免費工具
從複製貼上開始學習 HTML 與 CSS 應該有很多人跟我一樣剛開始學習 HTML、CSS 都是從複製貼上開始吧？記得早期會有一些架站教學網站，提供各式各樣範例程式碼，…
Fonty 線上查詢網頁使用的字型、字重、樣式和文字大小
如果想知道某個網站使用那些字型，其實只要打開瀏覽器開發人員工具、以選取功能選擇文字就會顯示資訊，或是直接找到樣式表（CSS）檔案從中也能略知一二，不過樣…
Alwane 網頁配色擷取工具，輸入網址就能取得顏色代碼相關資訊
如果想知道某個網站配色方式，除了打開開發人員工具或是檢視原始碼，也有第三方服務可以使用，即使無法完整複製別人的配色，也能快速得知網站使用的顏色代碼或…
CSSgram 以 CSS 和 Sass 編寫而成 Instagram 濾鏡效果
很多早期會使用 Instagram 的朋友都很喜歡對相片套用濾鏡效果的設計，雖然現在有各種應用程式可以做到，甚至成為內建相片編輯功能，但在當年可以說非常強大，無…
Darkmode.js 為網站加入深色模式，只要一段程式碼就能實現
macOS 10.14 Mojave 加入全新「深色模式」功能，iOS 13 預告也會加入此模式，如果你曾經將電腦切換為深色，應該會發現有些應用程式可完美支援，也會一併轉為暗…
Gmail Classic Theme 讓信箱重新回到舊版介面（Chrome 擴充功能）
Google 旗下的免費信箱服務 Gmail 堪稱是最成功的產品之一，2004 年僅提供內部員工和受邀請的使用者進行測試，在當時來說提供 1 GB 容量簡直不可思議！直到 200…
如何讓網頁變成黑白？使用 CSS Filter 套用濾鏡樣式表教學
上個月台灣發生震驚社會的宜蘭普悠瑪列車出軌事故，造成許多旅客輕重傷甚至死亡，也對台灣交通運輸安全打上一個大大的問號，各種資訊隨著時間不斷被揭露出來，…
Site Palette 從網站獲取配色，快速產生完整調色盤資訊（Chrome 擴充功能）
最近介紹過一些令人印象深刻的色彩工具，多半都是 Google Chrome 外掛，例如我個人很喜愛的「CSSPeeper 為設計師量身打造，更聰明視覺化檢視網站 CSS 樣式…
CSSPeeper 為設計師量身打造，更聰明視覺化檢視網站 CSS 樣式表（Chrome 擴充功能）
對於網頁設計或開發者來說，想要改善使用者網頁瀏覽體驗通常會從參考其他網站設計著手，我在發現不錯的網站都會去看一下原始碼或樣式表，雖然 Google Chrome 本…