CSSgram 以 CSS 和 Sass 編寫而成 Instagram 濾鏡效果
很多早期會使用 Instagram 的朋友都很喜歡對相片套用濾鏡效果的設計，雖然現在有各種應用程式可以做到，甚至成為內建相片編輯功能，但在當年可以說非常強大，無…
網站開發
閱讀全文CSSgram 以 CSS 和 Sass 編寫而成 Instagram 濾鏡效果
DrawKit 為設計師和新創團隊提供 PNG、SVG 兩大格式免費插圖下載
去年介紹過 unDraw 可商用扁平化免費圖示下載，是一個適合使用在網站、簡報或應用程式開發的圖片素材，後來陸續推薦了 Illustration Gallery 和 Glaze 兩…
Glaze 免費插圖素材庫，各類型 PNG 格式下載可用於產品或簡報製作
有時候製作報告、產品說明或投影片簡報時會用到插圖，你都去那些地方下載呢？雖然網路上有不少免費圖庫，但大多以攝影照片為主，要尋找插圖得找對網站，例如我…
httpstatus.io 快速檢查網站狀態碼、回應標頭和重新轉向情形
自行架站會遇到各式各樣的狀況，其中很常發生的是要檢查某項功能有沒有正常運作（舉例來說，在 WordPress 網站使用 Cloudflare 外掛建立快取），除了檢查網頁原…
Get Waves 線上產生 svg 格式波浪圖，可自訂類型顏色每次都不一樣
偶爾會看到帶有波浪形狀的網頁背景設計，通常會配合平面化設計風格一起使用，會讓整體看起來更活潑，但倒是從沒想過這個效果是怎麼做的，沒想到現在透過 .svg …
FasterChrome 提升瀏覽網頁速度，點選連結前預先載入頁面（Chrome 擴充功能）
還記得之前介紹過讓網頁載入更即時、只需要加入一段程式碼的 instant.page 嗎？這是一個相當有趣的站長工具，利用一小段原始碼就能讓瀏覽者有速度變快的錯覺，…
Eva Colors 深度學習的配色工具，找出可搭配主品牌使用的顏色
免費資源網路社群介紹過不少配色工具，但大部分都是提供使用者顏色代碼，或是幫你找出幾個相關色碼，在毫無頭緒的情況下或許派得上用場，卻很難在現有的配色下…
CSSFX 最美的 CSS 動態效果一鍵複製，提升使用者操作體驗
前陣子介紹過「CSSeffectsSnippets 收錄 CSS 動態效果，線上預覽一鍵複製程式碼」這個很有趣的網站，事實上現今 CSS 樣式表可以做的事越來越多，甚至透過幾段原…
Checklist Design 網頁開發者必備參考手冊，助於學習更好的設計方式
身為網頁開發者總會不斷重複一些類似的情境，例如協助其他公司製作網站的價目表、購物車、新手上路、網誌、招聘、聯繫頁面等等功能，可能不同公司對於內容的細…
DemosWP 免費 WordPress 開發測試網站，提供 MySQL、SFTP 和 SSL
根據 W3Techs 統計，全世界有 33.9% 網站使用 WordPress 架設，在內容管理系統中坐擁超過六成的市佔率，WordPress 無疑是當前最受歡迎的部落格軟體和網站平台，…