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

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

來自Google開發大拿?Todd?Motto?的Angular教程，非常好的學習angularJS的教程。

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

使用CSS3旋轉生成的海盜眼牛頭梗效果，簡單實用，美工基礎不是很好，權當娛樂，感謝觀看！

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

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

經典的Web應用網絡模型?-?w3ctech

w3ctech應用網絡模型。

輕視頻：15秒手寫生成完整的HTML5文檔結構

使用Emmet十秒內書寫一個完整的HTML5文檔結構，怎么樣？你能更快寫出來嗎？挑戰一下吧！

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

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

MySQL數據庫配置文件注釋詳解?

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

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

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

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

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

免費的Bootstrap等待頁面的應用模板?

這是一款適合移動設備的網頁模板，它頁面干凈小巧。有很多新元素在其中，可以自定義動畫和特效。非常酷！

設計并實現一個漂亮的結婚小站

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

15款極具創造性的藝術欣賞

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

擴展一個boot的插件-tooltip?&?做一個基于boot的表達驗證?

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

免費的HTML商業模板-Hidayah?

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

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

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

css選擇器順序的小技巧?

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

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

可縮放矢量圖形是基于可擴展標記語言（標準通用標記語言的子集），用于描述二維矢量圖形的一種圖形格式。它由萬維網聯盟制定，是一個開放標準。

HTML5?Canvas動畫效果實現原理?

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

免費圖標：旅游和生態相關的圖標素材?

一套免費的相關旅游和生態主題的免費圖標，包含格式：PSD，AI

HTML5畫布游戲-拯救精靈女?

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

總結

以上是生活随笔為你收集整理的炙手可热的前端资源大集合的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。