文青必備！Instagram.css 使用樣式表為網站圖片加入 IG 濾鏡效果
近年越來越多人使用的 Instagram，這款圖片影片分享社群應用程式開始於 2010 年，後來在 2012 年被 Facebook 收購成為旗下服務，Pseric 很早就開始使用 Instagr…
CSS
閱讀全文文青必備！Instagram.css 使用樣式表為網站圖片加入 IG 濾鏡效果
SVG Backgrounds 免費網站背景圖下載，可線上預覽、調整顏色細節
如果開發網站或網路服務，可能會需要用到背景圖，以往很多時候會使用 PNG 格式來當做背景，像是 Caself 提供 800 種免費紋理背景圖片就是透過 PNG 檔案來製造出…
CSSPeeper 為設計師量身打造，更聰明視覺化檢視網站 CSS 樣式表（Chrome 擴充功能）
對於網頁設計或開發者來說，想要改善使用者網頁瀏覽體驗通常會從參考其他網站設計著手，我在發現不錯的網站都會去看一下原始碼或樣式表，雖然 Google Chrome 本…
ColorSpark 隨機產生顏色或漸層色組合，顯示 CSS3 代碼快速複製
每次要選擇顏色的時候，我總是會從眾多配色工具找一兩個自己喜歡的，無論從中尋找靈感或挑選合適的顏色都很好用，例如：Coolors 快速選色器，後來改版後介…
Gradient Backgrounds 一站式漸層背景產生器，收錄各種服務方便切換
大家都知道現在漸層背景可直接使用 CSS 3 寫出來，終於不用辛苦製作背景圖，好處是一段程式碼就能解決，但你可能不一定知道怎麼寫，還好網路上已經有不少背景產…
Picular 色彩界的 Google！以關鍵字搜尋各種顏色靈感
一般配色工具大多提供很多調色盤，讓使用者從中找到適合自己需求的色彩，畢竟色彩有時候不容易描述，可能從使用者挑選的顏色再延伸、推薦更多相關色彩，當然也…
Iconfont.cn 阿里巴巴免費向量圖示庫，可產生中文網頁字型嵌入網站
Google Fonts 免費字型網站提供相當大量的中英文字型下載，如果要運用於網站，也能立即產生內嵌程式碼，以 Webfont 形式在瀏覽器開啟網頁時快速載入字型檔。一…
如何讓網頁變成黑白？使用 CSS Filter 套用濾鏡樣式表教學
上個月台灣發生震驚社會的宜蘭普悠瑪列車出軌事故，造成許多旅客輕重傷甚至死亡，也對台灣交通運輸安全打上一個大大的問號，各種資訊隨著時間不斷被揭露出來，…
思源黑體 Noto Sans TC 繁體中文網頁字型正式上架 Google Fonts
我在 WordCamp Taipei 活動上分享自己的網站經營心得，其中提到我對網頁的版面設計及排版相當重視，內容寫得好不好其次，更重要的是讓進入網站的訪客會想看看你…
NES.css 任天堂紅白機風格 CSS 框架！讓網站帶有復古 8-bit 效果
回憶起來我的電玩之路應該是幼稚園時家中的任天堂紅白機（NES）開始的，以前的休閒娛樂不多，頂多就是一些掌上型電玩和俄羅斯方塊，當時 486 電腦價格還很高，…