極客Web前端開發(fā)資源大薈萃#007

本周我們帶來的前端推薦包含當(dāng)前熱門的bootstrap，html5，css3等技術(shù)內(nèi)容和新聞話題，如果你還想近一步學(xué)習(xí)如何開發(fā)，還可以關(guān)注我們的極客課程庫，里面涵蓋了現(xiàn)×××發(fā)技術(shù)的‘學(xué)’與‘習(xí)’的全新功能。希望對大家有所幫助！原文來自：極客標(biāo)簽

移動設(shè)備表單輸入設(shè)計體驗 - leader.js

為了幫助降低移動或者手機端輸入的操作復(fù)雜度，leader.js提供了一個相對更簡單的輸入體驗，你只需要輸入表單內(nèi)容回車即可完成輸入，非常方便。

Javascript游戲，街頭霸王

有沒有讓你想起點什么？我想到的是院子里的大槐樹，一臺小霸王游戲機和一位兒時的伙伴。

CSS Guidelines (2.1.3) – 書寫高效，可維護(hù)可升級的CSS用戶指導(dǎo)手冊

可擴展可管理的高級高效咨詢的用戶指導(dǎo)手冊。

NodeBB，一個基于nodejs的響應(yīng)式論壇

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

代碼錄播：創(chuàng)建自定義的HTML5輸入框出錯信息

這個代碼將介紹如何使用javascript來修改HTML5中輸入框缺省的驗證錯誤信息，幫助你更好的開發(fā)表單驗證效果。

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

來自uxPin的免費電子書。

5個你應(yīng)該知道的建站平臺

如今在網(wǎng)絡(luò)上有很多優(yōu)秀的網(wǎng)站構(gòu)建平臺。根據(jù)你的需求，它們會提供不同的功能。然而，對于一個網(wǎng)站構(gòu)建工具最重要的就是簡單和友好。通過這些平臺，開發(fā)者可以省去開發(fā)中的不少環(huán)節(jié)。在本篇文章中，我們會介紹5款非?？岬木W(wǎng)站創(chuàng)建平臺。

如何為Android上的產(chǎn)品設(shè)計一款合適的圖標(biāo)

如果你已經(jīng)完成了你的app，你一定會馬上向其它人宣布這件事情。但是你需要注意一個很重要的問題，那就是app的圖標(biāo)。你的圖標(biāo)可能在項目啟動之 前就已經(jīng)設(shè)計好了，但我不喜歡這樣，如果app沒有完成實際上圖標(biāo)也沒什么用了。如果你不是一個設(shè)計師，圖標(biāo)的確是很讓人頭疼的事情。但總有一些方式可以 讓工程師們也能獨立的設(shè)計出不錯的圖標(biāo)。我們以Andriod應(yīng)用為例，現(xiàn)在就來為你的產(chǎn)品設(shè)計一款合適的圖標(biāo)。

放棄使用jQuery實現(xiàn)動畫

在Web開發(fā)的圈子里，開發(fā)者常常認(rèn)為CSS動畫是一種高性能web動畫技術(shù)，如果想讓網(wǎng)頁加載的更快一些，就應(yīng)該用純CSS動畫。其實這種觀點是 錯誤 的，很多開發(fā)者早就放棄了javascript的動畫，迫使自己使用復(fù)雜的CSS樣式來實現(xiàn)相同效果的UI交互。他們完全忽視了javascript帶來 的更好的交互性。

經(jīng)典，HTML5游戲，超級瑪麗

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

代碼錄播：CSS動畫實現(xiàn)一個我最“搖擺”的動畫效果

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

免費圖標(biāo)：30款彩色圓角圖標(biāo)設(shè)計

30款扁平化設(shè)計的彩色圓角圖標(biāo)免費下載。

通過HTML5 Visibility API檢測頁面活動狀態(tài)

幾年前，我們?yōu)g覽網(wǎng)頁的時候是沒有選項卡瀏覽模式的，每一個網(wǎng)頁都會是一個瀏覽器窗口，如果我沒有記錯，Win7之前我們都是這樣瀏覽網(wǎng)頁的。作為一個程序員，我們經(jīng)常會同時打開10-15個網(wǎng)頁，多的時候超過20個也不足為奇。

Bootstrap3實現(xiàn)的響應(yīng)式幻燈滑動效果個人作品集/博客網(wǎng)站模板

相關(guān)的開發(fā)和使用說明，請參考如下課程：Bootstrap3開發(fā)滑動風(fēng)格的博客網(wǎng)站模板

無需編碼開發(fā)快速設(shè)計互動式UI - uilang

uilang是一個非常小巧的ui類庫，可以幫助不熟悉前端代碼的web設(shè)計人員快速的開發(fā)互動式UI。你只需要使用“語義式”的說明來控制元素的動態(tài)效果。

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

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

HTML5游戲，五子棋

無需找人對戰(zhàn)，看看是不是能先贏過電腦吧。

React JS 和 FLUX

我不準(zhǔn)備在這里詳細(xì)地講解Flux，它已經(jīng)是眾所周知的了，很多人應(yīng)該有都看過Facebook的Flux網(wǎng)站。在這里，我想說的是你為什么應(yīng)該考慮用flux架構(gòu)和React js配合作為你構(gòu)建接口和處理交互的工具。

HTML5游戲開發(fā)引擎Pixi.js新手入門講解

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

滾動觸發(fā)的翻轉(zhuǎn)式文字引用效果

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

極客標(biāo)簽現(xiàn)推出#GB課程庫#，這是一個涵蓋了當(dāng)前最流行的HTML5、CSS3、javascript、bootstrap等現(xiàn)×××發(fā)技術(shù)的‘學(xué)’與‘習(xí)’的全新功能。邀請大家前來使用，它絕對讓你花最少的錢和時間，帶給你最有收獲的價值體驗！本周推薦已完成，期待您們的光臨！

如果你也想?yún)⑴c文章投遞

• 點擊發(fā)布按鈕發(fā)布文章或者其它類型內(nèi)容，保存時務(wù)必添加“Web開發(fā)資源大薈萃”標(biāo)簽即可申請發(fā)布。

via 極客資源薈萃周刊