炙手可熱的前端資源大集合

tyygming 10年前發布 | 13K 次閱讀

本周我們帶來的前端推薦包含當前熱門的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選擇器的順序技巧。