02 2016 档案
摘要：构建你的结构体系 CSS预处理器的特点之一是可以把你的代码分割成很多个文件，而且不会影响性能。这都要归功于Sass的@import命令，只要在你的开发环境下，你调用不管多少文件，最终将编译出一个CSS样式文件。 多个文件中开发，最终合并输出一个文件。——@Bruce Lee 开始将你的CSS文件分割
阅读全文
摘要：为什么我们的媒体查询需要去改变 我们现在使用的媒体查询一般来说都是基于目前流行手机设备的屏幕分辨率。 首先，当Web设计社区开始不断地关注响应式Web设计时， 流行的手机设备要数 iPhone 和 Android 智能手机了。 好，闲话不多说，现在就开始，应用于手机设备上的媒体查询从概念上看就好像是
阅读全文
摘要：Respond.js 第一种方案也是最简单的一种——我现在谈到的是一个脚本叫respond.js，是可以增强老版本浏览器理解和执行CSS3的媒体查询。添加如下代码就可以使用它。 <script type="text/javascript" src="js/respond.min.js"></scri
阅读全文
摘要：随着时代的变迁与技术的不断的更新，在当今这个时代，Web中的图标(Icons)不再仅仅是局限于<img>。除了<img>直接调用Icons文件之外，还有Sprites(俗称雪碧图)、Icon Font(字体图标)、SVG Icon等等。今天我们就来一起探讨一下这些方法在Web中实现Icon的利弊。
阅读全文
摘要：MVC的本质就是在controller中完成业务逻辑，并对model进行修改，同时model的改变引起view的自动更新 function Model(value) { this._value = typeof value === 'undefined' ? '' : value; this._li
阅读全文
摘要：CSS架构 有趣的是，我们通常不这样评判其他语言。一个Rails开发者不会因为他写的代码规范就认为他是一个好的开发者。因为这是最基本的。当然它必须是满 足规范，除此以外还要考虑其他方面:代码是否有可读性？他是否容易修改或是拓展？他是否跟程序的其他部分解耦合？他是否可以扩展？ 当评估代码其他部分时这些
阅读全文
摘要：iPad Media Queries 1、iPad Media Queries (所有版本，包括iPad mini) iPads从第一代到至今，总共有五代，也就是iPad1~iPad5，以及Mini iPad。而且每一代iPad都具有相应的CSS Media Queries。这些代码能让你在的代码在
阅读全文
摘要：最近一项 研究表明,80%的网民对移动端的浏览体验感到失望,同时,当体验提升时,他们会在智能手机上花费更多的时间。 这不奇怪，因为64%的智能手机用户希望网站可以在4秒内加载完毕，但一半的网站花费了二倍以上的时间，达到了9秒。这篇文章会阐述一些可以使你的网站在移动端跑得更快的技术。 移动端用户的下载
阅读全文
摘要：曾几何时为了兼容IE低版本浏览器而头痛，以为到Mobile时代可以跟这些麻烦说拜拜。可没想到到了移动时代，为了处理各终端的适配而乱了手脚。对于混迹各社区的偶，时常发现大家拿手机淘宝的H5页面做讨论——手淘的H5页面是如何实现多终端的适配？ 那么趁此Amfe阿里无线前端团队双11技术连载之际，用一个实
阅读全文
摘要：2012年9月，W3C组织发布了CSS3变形工作草案。CSS3变形允许CSS把元素转变为2D 或3D空间，这个草案包括了CSS3 2D变形和CSS3 3D变形。 CSS3变形是一些效果的集合，比如平移、旋转、缩放和倾斜效果，每个效果都被称作为变形函数（Transform Function）,它们可以
阅读全文
摘要：在 一个二维或三维空间，元素可以被扭曲、移位或旋转。只不过2D变形工作在X轴和Y轴，也就是大家常说的水平轴和垂直轴；而3D变形工作在X轴和Y轴之外， 还有一个Z轴。这些3D变换不仅可以定义元素的长度和宽度，还有深度。我们将首先讨论元素在2D平面如何变换，然后我们在进入3D变换的讨论。 CSS3 2D
阅读全文
摘要：transform-style属性 transform-style属性是3D空间一个重要属性，指定嵌套元素如何在3D空间中呈现。他主要有两个属性值：flat和preserve-3d。 transform-style属性的使用语法非常简单： transform-style: flat | preser
阅读全文
摘要：CSS3 3D Transform 原文：http://www.w3cplus.com/css3/css3-3d-transform.html 三维变换使用基于二维变换的相同属性，如果您熟悉二维变换，你们发现3D变形的功能和2D变换的功能相当类似。CSS3中的3D变换主要包括以下几种功能函数： 3D
阅读全文
摘要：原文：http://ued.1905.com:8880/sample/css3/base/test.html CSS3动画 简要展示了CSS3常用动画效果，以及所使用代码。 bounce 复制 展开代码 @-webkit-keyframes bounce { 0%,100%,20%,53%,80%
阅读全文