Clik here to view.
【转载】Web移动端Fixed布局的解决方案
特别声明：本文转载于EFE的《Web移动端Fixed布局的解决方案》。如需转载，烦请注明原文出处：http://efe.baidu.com/blog/mobile-fixed-layout移动端业务开发，iOS 下经常会有 fixed元素和输入框(input元素)同时存在的情况。 但是 fixed元素在有软键盘唤起的情况下，会出现许多莫名其妙的问题。 这篇文章里就提供一个简单的有输入框情况下的...
View ArticleClik here to view.
媒体查询--PX,EM or REM?
你是否思考过对于媒体查询你应该使用px,em还是rem？我也产生过同样的问题，并且目前为止，我还是没有明确的答案。一年之前，我第一次创建 mappy-breakpoint仓库时，我一直使用rem单位。之后一次和Sam...
View ArticleClik here to view.
Web Animation 制作指南
Web Animation (Web动画)在Web中的运用越来越广泛，但共制作(开发)并不是件易事。这里将主要总结一下有关于Web...
View ArticleClik here to view.
WAI-ARIA 无障碍Web规范
无障碍设计无障碍设计是指产品, 设备, 服务, 或者环境是为残疾人士设计的。无障碍设计的概念意味着与一个人的辅助技术(例如, 电脑屏幕阅读器)相兼容, 确保直接访问(即独立)和"间接访问"。无障碍设计可以理解为 "能够访问", 并对一个系统或实体是有利的, 其侧重于使身体残障, 或有特殊需要, 或要依赖辅助技术的人群能够访问 Web。然后,...
View ArticleClik here to view.
基于视窗单位的排版
我之前有写过基于rem和em的响应式排版，并且也有写过两篇有关模块化组件的博客。在这些文章中，有关视窗单位的评论不可避免的形成了一个话题。曾经一段时间我十分抵制使用视窗单位，因为其中的计算实在让人感到十分痛苦。上周，我终于克服了这个困难，决定探索一下视窗单位以及如何在响应式排版中使用它们。在我们开始探索视窗单位以及如何运用它们之前，让我们先了解一下什么是视窗单位。什么是视窗单位?现在CSS中有关于视...
View ArticleClik here to view.
JavaScript学习笔记：对象属性的查询和设置
前几天了解和学习了JavaScript中对象的创建，仅了解这一点皮毛是远远不够的。为了能对对象更了解，这几天一直在看对象的属性相关的知识。对象的属性也有增、删、改、查等，也有自己的相关特性。这篇文章主要了解对象属性的查询和设置。属性的查询对象属性的查询可以通过点(.)或中括号([])运算符来查询。对于点（.）来说，右侧必须是一个以属性名命名的标识符（注意：JavaScript语言的标识符有自己的合法...
View Article【转载】深入理解 JavaScript 中的 delete 操作符
特别声明：本文转载@bubkoo的《深入理解 JavaScript 中的 delete 操作符》一文，如需转载，烦请注明原文出处：http://bubkoo.com/2014/01/23/deep-in-deletedelete操作符用于删除对象的属性。似乎很多同学（包括我）对...
View ArticleClik here to view.
【转载】Houdini：也许是你从未听过的在CSS领域最令人兴奋的发展
特别声明：本文转载@李猜猜根据@Philip Walton的《Houdini: Maybe The Most Exciting Development In CSS You’ve Never Heard...
View ArticleClik here to view.
CSS秘密花园： 挑选合适的光标
《CSS Secrets》是@Lea Verou最新著作，这本书讲解了有关于CSS中一些小秘密。是一本CSSer值得一读的一本书，经过一段时间的阅读，我、@南北和@彦子一起将在W3cplus发布一系列相关的读后感，与大家一起分享。鼠标指针的意义并不仅仅是为了显示目前屏幕上的光标在何处，还是为了告诉用户可以进行哪些交互动作。这是在桌面应用程序中很常见的用户体验，但是在Web...
View ArticleClik here to view.
CSS秘密花园：扩展可点击区域
《CSS Secrets》是@Lea Verou最新著作，这本书讲解了有关于CSS中一些小秘密。是一本CSSer值得一读的一本书，经过一段时间的阅读，我、@南北和@彦子一起将在W3cplus发布一系列相关的读后感，与大家一起分享。如果你对用户体验感兴趣的话，你可能听说过费茨法则。最早在1954年由美国物理学家Paul...
View ArticleClik here to view.
Clik here to view.
pointer-events
pointer-events属性用于特定情况下将图形元素指定为事件目标。请注意这是一个SVG属性，在任何CSS规范中并没有定义。pointer-events属性应用于SVG元素的值有许多个，但是只有三个值可以应用于HTML元素。当pointer-events应用于HTML元素上时，它可以用来指定元素是否可以响应鼠标(触摸)事件。它可以用来阻止点击、状态(CSS...
View ArticleClik here to view.
JavaScript常见问题和解决方式
在使用JavaScript的时候常常会碰到各种奇葩的问题，这篇文章整理了近十个常见的问题，以及其对应的解决方式。不过除了这些问题之外，另外有两篇外文整理了更多的相关问题，这篇文章取于当中一些更为有意义的问题。感兴趣的同学可以看看，也可以将你碰到的一些奇葩问题在评论中一起分享。类型判断使用 typeof运算符判断一个原始值变量的类型是没有问题的，但如果判断的是引用值类型就会有局限性，比如...
View ArticleClik here to view.
JavaScript学习笔记：对象属性检测
JavaScript对象可以看作是一个属性的集合，很多时候需要看某个属性是否存在于某个对象中。在JavaScript中对象属性的检测主要有以下几种方法。in运算符hasOwnProperty()方法propertyIsEnumerable()方法!==undefined接下来看这四种方法怎么检测对象属性。in运算符使用in运算符可以检测对象属性，如果指定的属性存在于指定的对象中，就会返回true，反...
View ArticleClik here to view.
CSS Grid布局模块简介
随着 Web 应用程序变得越来越复杂，我们需要更自然的方式，在不使用hacky解决方案的情况下，如:使用浮动和其它繁琐的技术，就可以轻松做出高级的布局。令人兴奋的是产生了一种适用于布局的新解决方案---CSS Grid布局模块.在这个介绍性的教程中，我会向大家介绍这个相对较新的 CSS 功能，我将先讨论一下当前浏览器的支持情况，之后我会用一些例子告诉大家CSS...
View ArticleClik here to view.
CSS Grid构建圣杯布局
CSS 网格布局模块，虽然现在仍处于编译者的草案之中但是即将定稿。我们现在可以在一些浏览器中进行测试并可以检测其潜在的bug。有关于CSS Grid布局模块更多的教程，可以点击这里阅读。CSS 网格布局是真的很复杂，相较于...
View ArticleClik here to view.
JavaScript学习笔记：对象属性的枚举
JavaScript中对象的属性分为两种：数据属性和访问器属性。然后根据具体的上下文环境的不同，又可以将属性分为：原型属性和实例属性。原型属性是定义在对象的原型(prototype)中的属性，而实例属性一方面来自构造的函数中，然后就是构造函数实例化后添加的新属性。在JavaScript中除了检测对象的属性是否存在，还会经常对对象的属性进行遍历(枚举)。而在JavaScript中遍历一个对象的属性并不...
View ArticleClik here to view.
CSS Grid布局指南
简介CSS Grid布局 （又名"网格"），是一个基于二维网格布局的系统，主要目的是改变我们基于网格设计的用户接口方式。如我们所知，CSS 总是用于网页的样式设置，但它并没有起到很好的作用。刚开始的时候我们使用表格(table)，然后使用浮动(float)、...
View ArticleClik here to view.
使用CSS的counter-increment做的游戏
我把CSS的黑魔法和把CSS推动到极限当作我的至爱。许多人没有意识到这是有多么的强大（特别是结合Sass）的预处理技术。这篇文章结合这两种至爱来做一些有意思的东西。当然它可能会或可能不会被你的下一个客户问，这样做有价值吗？但这样尝试才能真正的理解一种语言(当然，很多人说CSS不是一种语言)。但你也能使用纯CSS技术做一些简单的小游戏。Counter-Incrementcounter-incremen...
View ArticleClik here to view.
CSS秘密花园： 通过亮度调节去强调（De-emphasize）
《CSS Secrets》是@Lea Verou最新著作，这本书讲解了有关于CSS中一些小秘密。是一本CSSer值得一读的一本书，经过一段时间的阅读，我、@南北和@彦子一起将在W3cplus发布一系列相关的读后感，与大家一起分享。很多时候，我们需要通过在元素背后添加一个半透明的深色叠加来让内容变暗，强调并提醒用户关注某个UI元素。例如，lightboxes和“quick...
View Article