網站設計必備：極客Web前端開發資源集錦

仲介交易 SEO診斷淘寶客 站長團購 雲主機 技術大廳

本周我們帶來的前端推薦包含當前熱門的bootstrap，html5，css3等技術內容和新聞話題，如果你還想近一步學習如何開發，還可以關注我們的極客課程庫，裡面涵蓋了現代開發技術的‘學’與‘習’的全新功能。 希望對大家有所説明!原文來自：極客標籤

行動裝置表單輸入設計體驗 - leader.js

為了説明降低移動或者手機端輸入的操作複雜度，leader.js提供了一個相對更簡單的輸入體驗，你只需要輸入表單內容回車即可完成輸入，非常方便。

JAVAscript遊戲，街頭霸王

有沒有讓你想起點什麼?我想到的是院子裡的大槐樹，一台小霸王遊戲機和一位兒時的夥伴。

CSS Guidelines (2.1.3) – 書寫高效，可維護可升級的CSS使用者指導手冊

可擴展可管理的高級高效諮詢的使用者指導手冊。

NodeBB，一個基於nodejs的回應式論壇

喜歡方便的同學請繞道去discuz，好吧我是nodejs的重視患者，首先你要有自己的vps或則雲空間，比如9cloud，我今天用的是阿裡雲的VPS。

代碼錄播：創建自訂的HTML5輸入框出錯資訊

這個代碼將介紹如何使用javascript來修改HTML5中輸入框缺省的驗證錯誤資訊，説明你更好的開發表單驗證效果。

免費電子書：The Guide to Minimum Viable Products

來自uxPin的免費電子書。

5個你應該知道的建站平臺

如今在網路上有很多優秀的網站構建平臺。 根據你的需求，它們會提供不同的功能。 然而，對於一個網站構建工具最重要的就是簡單和友好。 通過這些平臺，開發者可以省去開發中的不少環節。 在本篇文章中，我們會介紹5款非常酷的網站創建平臺。

如何為Android上的產品設計一款合適的圖示

如 果你已經完成了你的app，你一定會馬上向其它人宣佈這件事情。 但是你需要注意一個很重要的問題，那就是app的圖示。 你的圖示可能在專案啟動之 前就已 經設計好了，但我不喜歡這樣，如果app沒有完成實際上圖示也沒什麼用了。 如果你不是一個設計師，圖示的確是很讓人頭疼的事情。 但總有一些方式可以讓工程 師們也能獨立的設計出不錯的圖示。 我們以Andriod應用為例，現在就來為你的產品設計一款合適的圖示。

放棄使用jQuery實現動畫

在 Web開發的圈子裡，開發者常常認為CSS動畫是一種高性能web動畫技術，如果想讓網頁載入的更快一些，就應該用純CSS動畫。 其實這種觀點是錯 誤 的，很多開發者早就放棄了javascript的動畫，迫使自己使用複雜的CSS樣式來實現相同效果的UI交互。 他們完全忽視了javascript 帶來 的更好的交互性。

經典，HTML5遊戲，超級瑪麗

這是一款使用HTML5開發的超級瑪麗，有沒有點兒時的記憶?長按向上鍵，可以跳的更高哦。 如果你也喜歡可以當成休閒遊戲，如果你是開發者，不防下載下來看看是如何生成的。

代碼錄播：CSS動畫實現一個我最「搖擺」的動畫效果

使用CSS3的keyframe來動畫旋轉效果，生成頁面元素左右微微搖擺的嘚瑟效果。 用到你的頁面做裝飾，相信一定蠻有趣的!

免費圖示：30款彩色圓角圖示設計

30款扁平化設計的彩色圓角圖示免費下載。

通過HTML5 Visibility API檢測頁面活動狀態

幾年前，我們流覽網頁的時候是沒有選項卡瀏覽模式的，每一個網頁都會是一個瀏覽器視窗，如果我沒有記錯，Win7之前我們都是這樣流覽網頁的。 作為一個程式師，我們經常會同時打開10-15個網頁，多的時候超過20個也不足為奇。

Bootstrap3實現的回應式幻燈滑動效果個人作品集/博客網站範本

相關的開發和使用說明，請參考如下課程：Bootstrap3開發滑動風格的博客網站範本

無需編碼開發快速設計互動式UI - uilang

uilang是一個非常小巧的ui類庫，可以説明不熟悉前端代碼的web設計人員快速的開發互動式UI。 你只需要使用「語義式」的說明來控制元素的動態效果。

代碼錄播：純CSS3生成的走馬燈效果

使用CSS3 keyframe生成的走馬燈效果。

HTML5遊戲，五子棋

無需找人對戰，看看是不是能先贏過電腦吧。

React JS 和 FLUX

我不准備在這裡詳細地講解Flux，它已經是眾所周知的了，很多人應該有都看過Facebook的Flux網站。 在這裡，我想說的是你為什麼應該考慮用flux架構和React js配合作為你構建介面和處理交互的工具。

HTML5遊戲開發引擎Pixi.js新手入門講解

這篇文章中，介紹HTML5遊戲引擎pixi.js的基本使用。

滾動觸發的翻轉式文字引用效果

滾動頁面，可以看到翻轉式的文字引用效果。

極客標籤現推出#GB課程庫#，這是一個涵蓋了當前最流行的HTML5、CSS3、javascript、bootstrap等現代開發技術的‘學’與‘習’的全新功能。 邀請大家前來使用，它絕對讓你花最少的錢和時間，帶給你最有收穫的價值體驗!本周推薦已完成，期待您們的光臨!

如果你也想參與文章投遞

點擊發佈按鈕發佈文章或者其它類型內容，保存時務必添加「Web開發資源大薈萃」標籤即可申請發佈。

via 極客資源薈萃週刊