摘要：
<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以上），而且还得异步上传。 由于操作上比较多的设计都是隐性的例如滑动之类，需要手势动画作提示。 块内元素滚动时不流畅，或不能滚动问题。 由于设计师设计的布局复杂度高，会出现比较多的元素需使用绝对定位。 如果页面是推广页面，绝大 阅读全文