摘要：
HTML 5的Data属性可以让你给元素自定义数据。这篇文章就是思考怎么更好的使用Data属性。 **介绍** HTML 5之前，我们必须依赖于class和rel属性来存储需要在网站中使用的数据片段，这种做法有时会在网站的外观和实用性之间产生冲突。而HTML 5 Data属性的存在就能很好满足需要。 阅读全文
摘要：
本文选译自：W3C Working Group Note: HTML5 Differences from HTML4。 解释一下W3C Working Group Note，作为“工作组笔记” 发布，意味着它是一个草稿版文档，可能被其它文档更新、替换或废弃。但由于翻译时草稿只发布了不到二十天，本文有 阅读全文
摘要：
随着HTML 5的流行，现在HTML 5占据了主要的市场份额，HTML 5增加了很多的新功能，这些新功能可以让Web体验变得更好。大多数特性在现代的主流浏览器中获得了支持，因此我们可以放心使用这些新特性来增加Web体验。但是，当有新版本的浏览器发布时，我们不要忘记一些旧版本或者老的浏览器。 目前的另 阅读全文
摘要：
<input> 虽只是一个看似简单的 HTML 表单元素，但它这么一个单一的元素，就有多达 30 多个属性（attribute），相信无论你是个小菜鸟还是像我一样写了 15 年 HTML 的老手，知道这点的时候还是会惊讶不已的。而且如果再加上全局属性那就更多了，例如最重要的 type 属性有超过20 阅读全文
摘要：
无处不在的CSS 或许你觉得CSS一点儿也不重要，而事实上，如果说HTML是建筑的框架，CSS就是房子的装修。那么Javascript呢，我听到的最有趣的说法是小三——还是先让我们回到代码上来吧。 CSS 下面就是我们之前说到的代码，css将Red三个字母变成了红色。 HTML<!DOCTYPE h 阅读全文
摘要：
做前端开发的同学都会知道，每一个UI系统（比如IOS或Android）中都会有一个view hierarchy（视图层级）的概念，即所有的可视元素（大到一个页面，小到一个button）都在一个树形结构中，而树形结构的”根节点“为window，即整个屏幕或窗口。 浏览器中的view hierarchy 阅读全文
摘要：
随着 SVG 的发展，艺术家和设计师们把越来越多传统设计行业的东西引入了前端， low poly 就是其中之一。那 low poly 强大在哪呢，大家通过下面的图来感受一下。 恰巧我们产品 Logo 也用了部分 low poly 的手法，下面是我做的 demo 。 https://jsfiddle. 阅读全文
摘要：
原文地址 （我比较纳闷，360的兼容模式这么狗屎，为什么还有存在的必要性……） 由于众所周知的情况，国内的主流浏览器都是双核浏览器：基于Webkit内核用于常用网站的高速浏览。基于IE的内核用于兼容网银、旧版网站。以360的几款浏览器为例，我们优先通过Webkit内核渲染主流的网站，只有小量的网站通 阅读全文
摘要：
原文链接：http://devework.com/css3-target-dropdown.html :target 是CSS3 中新增的一个伪类，用以匹配当前页面的URI中某个标志符的目标元素（比如说当前页面URL下添加#comment就会定位到id=“comment”的位置，俗称锚）。CSS3 阅读全文
摘要：
新人翻译，欢迎转载~ 英文原文地址：http://bitsofco.de/2015/respove-design-viewport/ 原文例程地址：https://github.com/ireade/viewports（可下载例程参照阅读） 当我们在做响应式设计时，关注最多的是CSS的@media查 阅读全文
摘要：
html 中 nowrap是用来强制不换行的 在排版中 对包裹plain text的标签使用nowrap属性即刻实现强制不换行. 如:<p nowrap>强制不换行</p><p style="white-space:nowrap">强制不换行</p> 在使用div的超文本中 把div,h1,sect 阅读全文
摘要：
内联 CSS 优点 使用内联 CSS 可以减少浏览器去服务端去下载 CSS 文件 关键 CSS 内联到 HTML 文件中 缺点 CSS 文件没法被缓存 注意：该方法只适用于很小的 CSS 文件，如果你的 CSS 文件足够大以及复杂，应该使用外部 CSS 的方法。 优化 CSS 交付 优化策略 外部的 阅读全文
摘要：
先罗列一下我遇到的问题： 用户可选择图片上传，但是图片比较大（基本都是2M以上），而且还得异步上传。 由于操作上比较多的设计都是隐性的例如滑动之类，需要手势动画作提示。 块内元素滚动时不流畅，或不能滚动问题。 由于设计师设计的布局复杂度高，会出现比较多的元素需使用绝对定位。 如果页面是推广页面，绝大 阅读全文
摘要：
暑假前因为种种原因没有把百度IFE的先期课程学完，这个暑假又参加了相关项目开发，边做边学也总结了一些教训。现在打算写一个系列的文章，把这种集中学习中遇到一些令我的困扰一时的点好好再总结一番。而这些因应工程实践而生的点本身又多是琐碎的技术细节，若读者正好有相应的疑惑，也希望能给你解决问题提供一定帮助。 阅读全文
摘要：
说明 又是一个练手的小玩意儿，本身没什么技术含量，就是几个不常用的CSS3特性的结合而已。 要点 Label标签的for属性 单选框的:checked伪类 CSS的加号[+]选择器 效果图 原理 通常tab页的交互都是点击tab头然后展示对应的一块内容，这种排他性跟HTML里面的某个原住民很类似，是 阅读全文
摘要：
作用域是JavaScript最重要的概念之一，想要学好JavaScript就需要理解JavaScript作用域和作用域 链的工作原理。 1. 全局作用域（Global Scope） （1）最外层函数和在最外层函数外面定义的变量拥有全局作用域，例如： var authorName="Jessica"; 阅读全文