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

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

AngularJS手冊: 10000字的全面使用手冊

來自Google開發(fā)大拿 Todd Motto 的Angular教程，非常好的學(xué)習(xí)angularJS的教程。

代碼錄播：CSS3生成海盜眼牛頭梗漫畫效果 

使用CSS3旋轉(zhuǎn)生成的海盜眼牛頭梗效果，簡單實用，美工基礎(chǔ)不是很好，權(quán)當(dāng)娛樂，感謝觀看！

Quill - 另外一款超棒的Javascript富文本編輯器

一款免費的所見即所得的現(xiàn)代瀏覽器編輯器。使用它的自描述性質(zhì)的API，你可以完整的自定義需求！值得一用！

經(jīng)典的Web應(yīng)用網(wǎng)絡(luò)模型 - w3ctech

w3ctech應(yīng)用網(wǎng)絡(luò)模型。

輕視頻：15秒手寫生成完整的HTML5文檔結(jié)構(gòu)

使用Emmet十秒內(nèi)書寫一個完整的HTML5文檔結(jié)構(gòu)，怎么樣？你能更快寫出來嗎？挑戰(zhàn)一下吧！

免費素材-Helium (AI, EPS, SVG, Icon Font) 

我很高興和大家分享今天的素材-Helium。它有多種格式可供下載(AI, EPS, SVG, Icon Font) ，內(nèi)容包含曲線、飛行器、上傳下載、喇叭等類型。

MySQL數(shù)據(jù)庫配置文件注釋詳解 

如果大家e文不好，想了解mysql的配置文件選項什么意思，參考這個吧

100款免費的旅游素材（PSD） 

素材一直都是網(wǎng)頁設(shè)計者們大愛，不同的類型和設(shè)計總能帶給人們新鮮感。今天帶來的這100個免費的旅行素材，PSD格式，可以自定義色彩。一定可以帶給你們非常驚喜！

輕視頻：HTML5畫布模擬生成3D的艦隊飛行效果 

這個代碼將使用2D的繪制來模擬3D的飛行效果，使用3D坐標(biāo)轉(zhuǎn)換2D坐標(biāo)，并且定時清除圖形并且繪制非常圖片生成最后效果。

免費的Bootstrap等待頁面的應(yīng)用模板 

國慶節(jié)剛剛休完婚假，現(xiàn)在分享下為自己結(jié)婚時制作的網(wǎng)頁～～希望能得到大家的指點～～代碼很羞澀，主要是設(shè)計，準(zhǔn)備結(jié)婚的童鞋們，有沒有做一個求祝福的網(wǎng)頁的想法呢？

15款極具創(chuàng)造性的藝術(shù)欣賞

這是彩繪大師在17位表演藝術(shù)家身上進(jìn)行不同凡響的設(shè)計，如果我不說，你們已經(jīng)看出來了嗎？9個多小時的制作，通過無毒水性顏料涂身，造就了如此震驚的作品。這是一間‘人體寺廟’，可以堪稱會呼吸的作品。

擴(kuò)展一個boot的插件-tooltip & 做一個基于boot的表達(dá)驗證 

這次發(fā)一個剛接觸boot的時候用boot做的表單驗證，我們擴(kuò)展一下tooltip的插件，讓他可以換顏色。其實挺簡單的，主要是考究代碼閱讀的能力。boot的代碼寫的很簡單，能省略“;”的地方就省略掉了，而且他的閉包也很有意思！

免費的HTML商業(yè)模板-Hidayah 

在這款模板中，你可以隨意縮放大小，適合筆記本、平板電腦或手機(jī)，非常方便閱讀。

輕視頻：jQuery和Bootstrap3生成的HTML5音頻淡出淡出音量控制效果

這個代碼將使用jQuery和Bootstrap3生成一個界面控制音量淡出淡入控制效果，你可以讓音量３秒內(nèi)慢慢淡出，或者淡入，試試運行看看效果吧，支持firefox，chrome等現(xiàn)代瀏覽器，山寨或者IEer請自覺消失，感謝觀看！

css選擇器順序的小技巧 

css 的選擇器的順序其實很有意思，如果應(yīng)用的好的話，可以做一些簡單的邏輯出來，配合上css3，就可以盡可能的脫離js了。這里的演示是一個帶有hover 事件的四張照片，效果來自一個國外優(yōu)秀單頁，我在recode的時候做的，看源碼他應(yīng)該是用的js，我這里改成了css做，正好可以演示一下css選擇器 的順序技巧。

如何使用SVG生成超酷的頁面預(yù)加載素描動畫效果 

可縮放矢量圖形是基于可擴(kuò)展標(biāo)記語言（標(biāo)準(zhǔn)通用標(biāo)記語言的子集），用于描述二維矢量圖形的一種圖形格式。它由萬維網(wǎng)聯(lián)盟制定，是一個開放標(biāo)準(zhǔn)。

HTML5 Canvas動畫效果實現(xiàn)原理 

每隔一定時間繪制圖形并且清除圖形，用來模擬出一個動畫過程，可以使用context.clearRect(0, 0, x, y)方法來刷新需要繪制的圖形。

免費圖標(biāo)：旅游和生態(tài)相關(guān)的圖標(biāo)素材 

一套免費的相關(guān)旅游和生態(tài)主題的免費圖標(biāo)，包含格式：PSD，AI

HTML5畫布游戲-拯救精靈女 

非常有趣的一套游戲。工作之余，來輕松一下吧~