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

tyygming 9年前

本周我们带来的前端推荐包含当前热门的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生成一个界面控制音量淡出淡入控制效果,你可以让音量3秒内慢慢淡出,或者淡入,试试运行看看效果吧,支持firefox,chrome等现代浏览器,山寨或者IEer请自觉消失,感谢观看!

css选择器顺序的小技巧 

css 的选择器的顺序其实很有意思,如果应用的好的话,可以做一些简单的逻辑出来,配合上css3,就可以尽可能的脱离js了。这里的演示是一个带有hover 事件的四张照片,效果来自一个国外优秀单页,我在recode的时候做的,看源码他应该是用的js,我这里改成了css做,正好可以演示一下css选择器 的顺序技巧。

如何使用SVG生成超酷的页面预加载素描动画效果 

可缩放矢量图形是基于可扩展标记语言(标准通用标记语言的子集),用于描述二维矢量图形的一种图形格式。它由万维网联盟制定,是一个开放标准。

HTML5 Canvas动画效果实现原理 

每隔一定时间绘制图形并且清除图形,用来模拟出一个动画过程,可以使用context.clearRect(0, 0, x, y)方法来刷新需要绘制的图形。

免费图标:旅游和生态相关的图标素材 

一套免费的相关旅游和生态主题的免费图标,包含格式:PSD,AI

HTML5画布游戏-拯救精灵女 

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