前端观察 -- IT技术博客大学习 -- 共学习共进步！

• 一些有用的HTML5 pattern

最近在做手机页面时，遇到数字输入的键盘的问题，之前的做法只是一刀切的使用 type="tel"，不过一直觉得九宫格的电话号码键盘上的英文字母太碍事了。于是想要尝试其它的实现方案，最终的结论却令人沮丧。不过也趁机详细了解了下pattern这个属性。

• Ghost+Nginx部署HTTP2

SPDY的时代就一直想要折腾下，主要是被运营商劫持的太恶心了。而避免被运营商劫持的最佳方案就是部署https。 SPDY还没有大规模使用，HTTP2就来了，于是就开始等nginx支持。好吧，了解了下时机已经成熟，于是就开始部署。

• HTML5+CSS3 loading 效果收集

用gif图片来做loading的时代已经过去了，它显得太low了，而用HTML5/CSS3以及SVG和canvas来做加载动画显得既炫酷又逼格十足。这已经成为一种趋势。这里收集了几十个用html5和css3实现的loading效果，以供学习参考。

• QQ浏览器X5内核问题汇总

常常被人问及微信中使用的X5内核的问题，其实我也不是很清楚，只知道它是基于android 4.2的webkit，版本号是webkit 534。今天正好从X5团队拿到了一份问题汇总，梳理下发出来，给各位开发者以参考——不排除明天会删除这篇文章的可能。

• 用 Virtual DOM 加速开发

简聊(by Teambition)产品前端中使用了 React，最初开发时使用的 Backbone 搭配 doT.js 模版渲染界面，实践下来效果提升了很多。我们希望能吸引更多同学能够运用 Virtual DOM 改进前端开发，所以这篇文章会主要介绍 React 当中 Virtual DOM 相关的知识。

• table-cell的手机应用场景

推荐该属性用在移动端的H5单页面转化场景应用上，类似现在微信广告H5广告单页面的滑动效果，假如需求就是做到垂直居的，不妨试试这个 table-cell 属性值。

• HTTPS, SPDY和 HTTP/2性能的简单对比

HTTPS和SPDY其实是更好的技术，不仅能保证不被运营商劫持，更能保护用户的数据安全。正好看到这篇关于HTTPS、SPDY和即将变为现实的HTTP/2的文章，觉得比较有价值，就顺手翻译了过来。

• meta标签常用属性整理

标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。

• 网页速度是如何影响转化率的

我们一直很重视网站性能优化，在人才培养和招聘的时候也都非常重视，但性能优化到底为什么这么重要？对电商网站来说，性能优化对转化率的影响是实实在在的，也是非常有说服力的，这是国外同行webperformancetoday的研究成果，简单翻译一下分享给大家。当然，网站性能优化带来的好处不止转化率这一点，对基础用户体验、运营成本控制等都有很重要的影响，这些我们后面再说。

• IE开始支持部分webkit私有属性

IE团队博客发文称，windows Phone 8.1 update开始解析部分webkit私有属性了。这。。。真的有些令人震惊呢！！！

• 关于z-index的那些事儿

关于z-index的真正问题是，很少有人理解它到底是怎么用。其实它并不复杂，但是如果你从来没有花一定时间去看具体的z-index相关文档，那么你很可能会忽略一些重要的信息。

• 人人都能用的10条网站易用性技巧

嗯，WebAIM团队博客的一篇关于网站易用性的文章，比较基础，简单翻译一下。

• CSS技巧荟萃：了解CSS页面布局和加载流程

如果你开发web相关应用或者网站的话，肯定知道CSS对于页面布局的重要性。在本篇CSS技巧中我们将介绍页面加载的流程来帮助你更好的实现页面布局...

• CSS基线之道

网页设计布局中一直比较流行网格对齐，但只是针对水平的对齐，很少或者没有涉及垂直对齐，这篇文章很详细的讲解了垂直网格，乃至基线对其的相关，而css3中的多列布局的也使其显得更为重要，因此还是很有必要去了解学习，至少也是一种思路。

• 缓存为王

前面我写了一篇快速web app的关键是使用Ajax、优化Javascript和更好的缓存，现在让我们继续探讨这个话...

• HTML5 Charset能用吗？

前一段某项目中页面在IE6突然出现了乱码，当时做了各种排查，最终推测是使用了HTML5的DOCTYPE和Charset以及中文注释的问题，于是临时采用旧的Charset方法来修复了下，后面乱码再没出现...

• IE BUG相关文章集合

嗯，各种ie的bug和相关资源汇总〜...

• font-face在移动终端的支持

CSS3 font-face特性不多介绍了，可以实现漂亮的自定义字体，更能用将图标转换为字体(font-icon)来实现提高图标的质量并兼容各种分辨率。而font-icon的最佳使用环境是移动终端，因为移动终端的屏...

• 10个超棒jQuery表单操作代码片段

jQuery绝对是一个伟大的开源javascript类库，是帮助我们快速和高效开发前端应用的利器。可能大家在日常的开发过程中常常会处理表单相关的javascript，在今天这篇代码片段分享文章中，这里收集了10个超棒超实用的jQuery表单处理代码，希望能够在大家的开发过程中帮助大家更好更快的处理表单相关问题，希望大家喜欢！如果你也有相关的代码，请大家积极分享！

• 是时候使用filter:drop-shadow了

前些天在做一个项目的时候，用到了阴影，阴影是个方向都有的，于是写了一大坨box-shadow来实现，然后今天看到bricss说到filter:drop-shadow，豁然开朗...