網(wǎng)站設計必需要的極客Web前端開(kāi)發(fā)資源匯總

本周我們帶來(lái)的網(wǎng)站前端推薦包含當前熱門(mén)的bootstrap，htm(°o°)l5，設計css3等技(′ω｀)術(shù)內容和新聞話(huà)題，必需如果你還想近一步學(xué)習如何開(kāi)發(fā)，客W開(kāi)還可以關(guān)注我們的前端極客(′?ω?`)課程庫，里(′；ω；`)面涵蓋了現代開(kāi)發(fā)技術(shù)的資源‘學(xué)’(′?｀)與&lsq??uo;習’的全新功能。希望對大家有所幫助!原文來(lái)自(???)：極客標簽

移動(dòng)設備表單輸入設計體驗 - leader.js

Javascript游戲，客W開(kāi)街頭霸王

有沒(méi)有讓你想起點(diǎn)什么?前端我想到的是(shi)院子里的大槐樹(shù)，一臺小霸王游戲機和一位兒時(shí)的資源伙伴。

CSS Guidelines (2.1.3) – 書(shū)寫(xiě)高效，匯總可維護可升級的網(wǎng)站CSS用戶(hù)指導手冊

可擴展可管理的高級高效咨詢(xún)的用戶(hù)指導手冊。

NodeBB，一個(gè)基于nodejs的響應式論壇

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

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

這個(gè)代碼將介紹如何使用javascript來(lái)修改HT(′ω｀)ML5中輸入框缺省的驗證錯誤信息，幫助你更好的開(kāi)發(fā)表單驗證效果。

免費電子書(shū)：The Guide to Minimum(′?_?`) Viable Products

來(lái)自uxPi(?_?;)n的免費電子書(shū)。

5個(gè)你應該知道的建站平臺

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

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

放棄使用jQuery實(shí)現動(dòng)畫(huà)

在 Web開(kāi)發(fā)的圈子里，開(kāi)發(fā)(°o°)者常常認為C??SS動(dòng)畫(huà)是一種高性能web動(dòng)畫(huà)技術(shù)，如果想讓網(wǎng)頁(yè)加載的更快一些，就應該用純CSS動(dòng)畫(huà)。其實(shí)(╯‵□′)╯這種觀(guān)點(diǎn)是錯 誤 的，很多開(kāi)發(fā)者早就放棄了j( ?° ?? ?°)avascript的動(dòng)畫(huà)，迫使自己使用復雜的C(′?｀)SS樣式來(lái)實(shí)現相同效果的UI交互。他們完全忽視了javascript 帶來(lái) 的更好的交互性。

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

這是一款使用HTML5開(kāi)發(fā)的超級瑪麗，有沒(méi)有點(diǎn)兒時(shí)的記憶?長(cháng)按向上鍵，可以跳的更高哦。如果你也喜歡可以當成休閑游戲，如果你是開(kāi)發(fā)者，不防下載下來(lái)看看是如何生成的。ヽ(′ー｀)ノ

代碼錄播：CSS動(dòng)畫(huà)實(shí)現一個(gè)我最“搖擺”的動(dòng)畫(huà)效果(′ω｀)

使用(yong)CSS3的keyframe來(lái)動(dòng)畫(huà)旋轉效果，生成頁(yè)面元素左右微微搖擺的嘚瑟效果。用到你的頁(yè)面做裝飾，相信一定蠻有趣的!

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

通過(guò)HTML5 Visibility API檢測頁(yè)面活動(dòng)狀態(tài)

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

Bootstrap3實(shí)現的響應式幻燈滑動(dòng)效果個(gè)人(╬ ò﹏ó)作品集/博客網(wǎng)站模板

相關(guān)的開(kāi)發(fā)和使用說(shuō)明，請參(′_｀)考如下課程：Boot??strap3開(kāi)發(fā)滑動(dòng)風(fēng)格的博客網(wǎng)站模板

無(wú)需編碼開(kāi)發(fā)快速設計互動(dòng)式UI - uilang

u(′▽?zhuān)?)ilang是一個(gè)非常小巧(′▽?zhuān)?的ui類(lèi)庫，可以幫助不熟悉前端代碼的web設計人員快速的開(kāi)發(fā)互動(dòng)式UI。你只需要使用&l??dquo;語(yǔ)義式”的說(shuō)明來(lái)控(◎_◎;)制元素的動(dòng)態(tài)效果。

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

使用CSS3??(????) keyframe生成的(′▽?zhuān)?走馬燈效果。

HTML5游戲(′?｀*)，五子棋

無(wú)需找人對戰，看看是不是能先贏(yíng)過(guò)電腦吧。??

React JS 和 FLUX

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

HT(/ω＼)ML5游戲開(kāi)發(fā)引擎Pixi.js新手入門(mén)講解

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

滾動(dòng)觸發(fā)的翻轉式文字引用效果

滾動(dòng)頁(yè)面，可以看到翻轉式的文字引用效果。

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

via 極客資源薈萃周刊

以上就是整理互聯(lián)網(wǎng)內容給大家帶來(lái)的┐(′д｀)┌分析介紹，如果大家想了解更多相關(guān)內容，請持續關(guān)注本站，本站小編將在第一時(shí)間為大家帶來(lái)更好的經(jīng)典內容。更多精彩內容，盡在jb51網(wǎng)站運營(yíng)??欄目！