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

Primer 目前支援 Internet Explorer 9 以上，以及 Google Chrome、Safari 和 Firefox 的最新兩個版本，雖然專案不是把重心放在行動裝置，但行動裝置上的 Safari、Chrome 瀏覽器應該也能正常使用，然而，Linux 瀏覽器就不保證能夠完整支援。

做為一個前端設計開發者，應該會對於其他網站的 CSS 設計框架感到興趣，如果你也喜歡 GitHub 樣式設計，或者想使用現有框架來打造你的網站，可以至 Primer 網站獲取更多相關資訊。

網站名稱：Primer
網站鏈結：http://primercss.io/

使用教學

STEP 1

開啟 Primer 網站後，從 Docs 裡可以找到說明文件，其中有版面佈局、類型、按鈕、表單、導覽列、通知、頭像、狀態等相關樣式範例及使用說明。

STEP 2

從 Install 裡找到 Primer 樣式框架壓縮檔，將它下載後解壓縮即可取得相關檔案，包括 Primer 的 CSS、SCSS 和 Markdown 等文件。

使用方法很簡單，利用 @import 語法來載入主要的 SCSS 檔案即可。

詳細用法就不在這篇文章裡深入說明，在 Primier 網站裡就有完整的手冊可供參閱。相信對需要的朋友來說就會知道 Primer 真是一個好物啊！

喜歡免費資源網路社群的文章嗎？歡迎追蹤我們的 Facebook、Twitter 和 Google+，或是透過 Email 訂閱更新。

我們介紹過不少免費圖庫，例如我個人很喜歡 Pixabay 就收錄超過三十萬張可用於商業用途的免費相片和藝術插圖，若你不希望跟其他人使用的圖片重複，那也可以找找比較小眾的素材圖庫，例如 re:splashed、StreetWill、StockSnap.io 等等，這些免費圖庫多由業餘攝影師提供相片，採用 CC0（Creative Commons Zero）授權，等於是間接放棄所有與著作相關的權利，讓這些相片可以合法被用於個人或商業方面。

本文要介紹的這個 The Stocks 網站嚴格來說並不是一個提供免費相片的圖庫，但它將 16 個小眾圖庫網站集合在一起，讓使用者可以更快、更方便尋找符合自己需要的圖片，而這些網站也都使用 CC0 授權，不過側重於不同主題類型的相片，在這裡出現的相片多半都可以免費使用。

如果平常工作上會用到免費圖庫的話，The Stocks 或許是個不錯的選擇。另外，我先前還介紹了可搜尋圖庫的搜尋引擎，有興趣可以參考 Stock Up、FindA.Photo。

網站名稱：The Stocks
網站鏈結：http://thestocks.im/

使用教學

STEP 1

開啟 The Stocks 網站後，直接從左側選單選擇要瀏覽的免費圖庫，點選後會在網頁右側開啟，從中選擇你想要使用的免費相片吧！

其中 The Stocks 收錄的免費圖庫類型相當多，例如有一個專門以提供大自然相片為主的 Free Nature Stock ，或者收集老相片的 New Old Stock，這些內容都可以免費下載、使用，推薦將 The Stocks 加入書籤，未來要尋找圖片時就會多一些選擇。

喜歡免費資源網路社群的文章嗎？歡迎追蹤我們的 Facebook、Twitter 和 Google+，或是透過 Email 訂閱更新。