極客Web前端開發資源大薈萃#001

標籤：網站模板   網頁素材   web開發資源大薈萃   

每周極客都將總結本周最精彩的素材提供給大家，希望可以帶給你更多地靈感和協助！極客#GB課程庫#現已上線，無論你是初級、中級、還是正在進修的進階前端工程師。這裡都將協助你得到更多更高效的學習。原文：極客Web前端開發資源大薈萃#001

超棒的HTML5/CSS3單頁面響應式模板（支援Bootstrap）

線上示範

使用Bootstrap實現的響應式單頁面模板，包含移動和案頭兩種效果。

jQuery架構開發一個最簡單的幻燈效果

線上示範

在這個課程中，我們將介紹如何使用jQuery來開發一個最簡單的圖片幻燈效果。立刻觀看互動課程：jQuery架構開發一個最簡單的幻燈效果

CSS3實現的超棒3D字型排版效果

使用CSS3產生的3D效果的字型效果：線上調試

想控制GIF圖片動畫播放嗎？試試gifffer.js

線上示範

大家可能都斯通見慣了互連網上普遍使用的GIF圖片，但是有沒有想過讓使用者自己嘗試控制GIF動畫的播放呢？在今天這篇文章中，我們將介紹一個超棒的Javascript小類庫 - gifffer.js，它可以協助你添加控制GIF動畫功能，想不想嘗試一下？

超棒的線上Bootstrap主題編輯工具 - lollytin

lollytin 是一款協助製作Bootstrap3主題的線上工具，雖然現在仍舊是Beta版本，但是已經非常不錯了。

魔術布局效果-使用本地JSON資料提供資料服務

線上示範

有社區朋友不知道如何修改外部OpenAPI為本地的JSON服務，這裡做一個簡單示範。

Bootstrap3.1開發的響應式個人簡曆模板

線上示範

使用bootstrap3快速開發一個響應式的個人簡曆，如果有興趣瞭解如何開發，請訪問GB課程庫，地址如下：Bootstrap3構建響應式前端設計師簡曆模板。

超棒的jQuery數字進度條效果外掛程式NumberProgressBar

線上示範

使用方法可參考線上閱讀。

HTML5模板之blueprint

線上示範

非常簡單的一個HTML5模板，包含兩個頁面，可以協助你搭建簡單的Blog系統。

Web Starter Kit - 協助快速開發響應式或者多裝置體驗的boilerplate模板

web starter kit 來自Google developer的超棒boilerplate模板，大家有興趣可以試試！

閱讀原文：極客Web前端開發資源大薈萃#001