最近知名的專案版本控制平台 GitHub 將網站前端設計框架開放原始碼,以 MIT 授權條款釋出,為廣大開發者提供了更大的靈活性。Primer 包含基本排版設定,一些小物件例如按鈕、標籤樣式,以及 HTML、CSS 撰寫準則,開放原始碼意味著所有使用者皆能透過 Primer 社群來分享和學習,並不斷改進使 Primer 變得更好。
Primer 目前支援 Internet Explorer 9 以上,以及 Google Chrome、Safari 和 Firefox 的最新兩個版本,雖然專案不是把重心放在行動裝置,但行動裝置上的 Safari、Chrome 瀏覽器應該也能正常使用,然而,Linux 瀏覽器就不保證能夠完整支援。
做為一個前端設計開發者,應該會對於其他網站的 CSS 設計框架感到興趣,如果你也喜歡 GitHub 樣式設計,或者想使用現有框架來打造你的網站,可以至 Primer 網站獲取更多相關資訊。
網站名稱:Primer
網站鏈結:https://primercss.io/
使用教學
STEP 1
開啟 Primer 網站後,從 Docs 裡可以找到說明文件,其中有版面佈局、類型、按鈕、表單、導覽列、通知、頭像、狀態等相關樣式範例及使用說明。
STEP 2
從 Install 裡找到 Primer 樣式框架壓縮檔,將它下載後解壓縮即可取得相關檔案,包括 Primer 的 CSS、SCSS 和 Markdown 等文件。
使用方法很簡單,利用 @import 語法來載入主要的 SCSS 檔案即可。
詳細用法就不在這篇文章裡深入說明,在 Primier 網站裡就有完整的手冊可供參閱。相信對需要的朋友來說就會知道 Primer 真是一個好物啊!
值得一試的三個理由:
- GitHub 前端使用設計框架
- 開放原始碼(Open Source),採用 MIT License 授權
- 包含排版、按鈕、標籤等樣式及 HTML、CSS 撰寫準則
相關文章
- GitHub 釋出開放原始碼免費圖示 Octicons,開發者可自由下載或用於商業專案
- 文青必備!Instagram.css 使用樣式表為網站圖片加入 IG 濾鏡效果
- NES.css 任天堂紅白機風格 CSS 框架!讓網站帶有復古 8-bit 效果
- CSSgram 以 CSS 和 Sass 編寫而成 Instagram 濾鏡效果
Ten articles before and after
Drive Copy 10 Personal 頂級磁碟備份、還原工具 – telegram 下載
Glacier 為你的 Mac 更換新圖示教學,更優雅細緻的免費 Icon 包(程式、資料夾) – telegram 下載
法國羅浮宮資料庫提供 48 萬張收藏藝術品圖庫免費下載 – telegram 下載
Facebook QSearch - 最快的臉書塗鴉牆搜尋引擎 – telegram 下載
TJDict 集合英漢、漢英,六種網路字典一起找查(Chrome 擴充功能) – telegram 下載
Opera 推出免費 VPN 應用程式,無限流量一鍵切換隱藏連線位置(iOS、Android) – telegram 下載
Da Button Factory – 輕鬆建立漂亮的網頁按鈕! – telegram 下載