CSS.GG 超過 700 個以 CSS 製作免費圖示 SVG、Figma 多種格式下載

CSS.GG 超過 700 個以 CSS 製作免費圖示 SVG、Figma 多種格式下載

CSS.GG 是一套開放原始碼、以 CSS 繪製而成的免費圖示集,收錄超過 700 個圖示圖案,提供 CSS、SVG、Figma 等多種格式,因為是以程式碼刻製,整套圖示檔案非常小(僅有 316kb),如果不想載入整套圖示集也可單獨取得特定的圖示,透過線上預覽功能調整尺寸大小、顏色等設定,亦可取得 CSS、SVG 和 TSX 程式碼。

文青必備!Instagram.css 使用樣式表為網站圖片加入 IG 濾鏡效果

文青必備!Instagram.css 使用樣式表為網站圖片加入 IG 濾鏡效果
(Copyright: scyther5 / 123RF Stock Photo

近年越來越多人使用的 Instagram,這款圖片影片分享社群應用程式開始於 2010 年,後來在 2012 年被 Facebook 收購成為旗下服務,Pseric 很早就開始使用 Instagram,最令我印象深刻的是「濾鏡」(Filters)功能(也算是早期大家會想玩 IG 的原因),可將照片快速轉成很有質感的色調,以前還沒開始流行時大家都以為你怎麼這麼會拍照,後來幾乎大部分跟拍照或圖片編輯有關的應用都已內建濾鏡。

HTML Color Codes 全方位免費線上選色器,輕鬆獲取色彩代碼、RGB 和 HSL

HTML Color Codes 全方位免費線上選色器,輕鬆獲取色彩代碼
(Copyright: alessandroguerriero / 123RF Stock Photo

不知道你會不會經常用到選色器選色工具(Color Picker)呢?對我來說,我在編輯網頁樣式表 CSS 時才會找顏色,通常會從一些網站配色服務尋找看起來合適且舒服的色碼,顏色雖然看似不多,但相差一些些就可能有完全不同的感覺,例如前幾天介紹的「Colors.css 符合當前網頁設計風格的預設 16 種顏色調色盤」就提供許多很適合現代網頁設計的預設配色,我最近也開始使用;另外像是 Colorable 可產生符合 WCAG 規範的配色組合也是很推薦的配色工具,假如你偏好日系風格,NIPPON COLORS 則有代表日本的 250 種配色組合。

GitHub 釋出開放原始碼免費圖示 Octicons,開發者可自由下載或用於商業專案

GitHub 釋出開放原始碼免費圖示 Octicons,開發者可自由下載、使用

還記得嗎?GitHub 之前將網站前端 CSS 設計框架開放原始碼釋出為 Primer 專案,為廣大開發者提供了更大的靈活性,而最近更把 GitHub 使用的圖示一併整理後釋出,推出完全免費、可自由下載使用的 Octicons。讓我想起前段時間 Google 也釋出數百個向量圖示,並放到 GitHub 網站上供開發者自由下載,這些圖示的設計都相當簡潔,而且辨識度高,很適合用於應用程式或網站開發。

GitHub 將 CSS 設計框架開放原始碼,釋出 Primer 專案可免費下載!

GitHub 將 CSS 設計框架開放原始碼,釋出 Primer 專案可免費下載!

最近知名的專案版本控制平台 GitHub 將網站前端設計框架開放原始碼,以 MIT 授權條款釋出,為廣大開發者提供了更大的靈活性。Primer 包含基本排版設定,一些小物件例如按鈕、標籤樣式,以及 HTML、CSS 撰寫準則,開放原始碼意味著所有使用者皆能透過 Primer 社群來分享和學習,並不斷改進使 Primer 變得更好。