摘要：
很久就想把使用的工具及收藏的资源整理一番；一是为了传达博客社区的理念：资源共享，而是方便自己及团队快速获取。 学习资源： 首推两个入门级在线参考网站。 1 w3c school. 2 Runoob.com(菜鸟教程）。 HTML5：标记语言，是HTML和XHTML的最新版本。 HTML5 Outli 阅读全文
摘要：
类似于Grunt，gulp是另一个同样功能很强大的前端项目自动化利器。 下面是项目的效果： 另一个页面： 要求： Node.js gulp.js bower 下载项目代码于本地， 进入该目录，执行如下命令： 安装完成之后，运行如下命令： 现在项目已经跑起来了，所有在src目录下的文件都会编译生成相应 阅读全文
摘要：
引入：grunt是一套前端自动化工具，一个基于nodeJs的命令行工具，一般用于： ① 压缩文件 ② 合并文件 ③ 简单语法检查 环境：grunt是基于nodejs运行的，所以需要有nodejs，在Nodejs中，安装grunt的命令行接口。 1 npm install -g grunt-cli 将 阅读全文
摘要：
——（原创翻译：译者添加部分解释和代码运行结果） ♥在线Less编译器：LESS2CSS 《一》综述 Less作为CSS的扩展，不仅能向下兼容CSS，它还使用CSS已有的语法以增加自身的特有属性。这使得学习Less变得简单。 【资源共享，欢迎转载，转载请注明出处:Qbooooble】 原文链接-Le 阅读全文
摘要：
css3 属性filter应用在项目里. 语法：<filter>：要使用的滤镜效果。多个滤镜之间用空格隔开。设置或检索对象所应用的滤镜效果。 最常用的滤镜效果是不透明效果，如果要实现50%的不透明度（其它高级浏览器的实现参阅opacity）：实例：HTML： 1 <!DOCTYPE html> 2 阅读全文
摘要：
JavaScript闭包模型 [原创翻译]2016-09-01 09:32:22 《 一》 闭包并不神秘 本文利用JavaScript代码来阐述闭包，目的是为了使普通开发者能很好的理解闭包，并不面向专家或函数式编程开发者。 一旦领悟了闭包的核心思想，它就不再难于理解；然而，只看一些理论上的文档或是以 阅读全文
摘要：
核心内容： 1.CSS3 中 animation、perspective 属性的熟练运用。 2.CSS3 中的变形属性 transform，在 3D 立体效果中的运用。 3.3D 立方体旋转实现原理。 实例： 创建大小两个盒子，小盒子放在大盒子里面，通过3D立体定位调整各自的位置，呈现一个立方体的现 阅读全文
摘要：
基本原理： 1.首先我们需要让图片能旋转的效果，我们让所有图片绝对定位(position:absolute),共用一个中心点。 2.对于舞台我们加一个视距，比如下面的demo是 perspective: 800px; 3.对于容器 我们可以加一个3D视图 transform-style: prese 阅读全文
摘要：
transformZ()函数做了一个在Z轴移动的工作，3D空间中，Z轴垂直于x-y所在平面-也就是界面所在的平面，而我们的视角正好垂直于xy平面，所以进行transformZ() 3D缩放，其实在我们的视角中是一个在远离X-Y平面与接近X-Y平面的过程，当其值为0可以理解为就在x-y平面上；当其为正 阅读全文
摘要：
视距-用来设置用户与元素3d空间Z平面之间的距离。 实例1： HTML： CSS： 演示demo: 鼠标放到图片上面来查看效果哦！(图片反转360度) 鼠标放到图片上面来查看效果哦！(图片反转360度--使用transform-style: preserve-3d;效果)，但是不使用perspect 阅读全文