炙手可热的前端资源大集合

本周我们带来的前端推荐包含当前热门的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画布游戏-拯救精灵女 

非常有趣的一套游戏。工作之余，来轻松一下吧~