本文从良构，有效性，布局三个角度，结合往日项目开发经历， 整理总结重构HTML改善Web应用设计的几点规则和做法。部分参考自《重构HTML改善Web应用设计》。重构。什么是重构？为什么要重构。重构是在不改变程序行为的基础上进行小的改动，是代码逐渐改善的过程。移除长期累积下来的烂码，以得到更清晰和更容易维护，除错以及添加新功能的代码，这做法不能单纯只出现在编码的后期，甚至是你意识到你的代码已经无从再...

万维网联盟(W3C)今天泪流满面地宣布，经过几乎8年的艰辛努力，HTML5标准规范终于最终制定完成了，并已公开发布。在此之前的几年时间里，已经有很多开发者陆续使用了HTML5的部分技术，Firefox、Google Chrome、Opera、Safari 4+、Internet Explorer 9+都已支持HTML5，但直到今天，我们才看到“正式版”。HTML5将会取代1999年制定的HTML ...

最近因为有需要开发互动式网页，而且又需要频繁地和server端坐沟通，所以除了ajax之外，也开始研究一些新的东西；而其中一个，就是可以更节省频宽的WebSocket、这个HTML 5的通讯方法了～关于WebSocket的介绍，建议庆直接参考维基百科，或是WebSocket.org的介绍；完整的API则可以参考W3C的网页。在Heresy来看，WebSocket和传统的HTML数据取得的方法相比，...

为什么要引入本地存储这个问题也是在做 Web App 的时候自然注意到，HTTP 的传输是无状态的（stateless），所以为了给用户个性化体验就必须在客户端存储一些数据。比如，网站的登录过程，事实上就是利用 Cookie 在客户端保存了用户的验证信息，在用户每一次发送 Request 的时候都会在 Header 部分加入 cookie 的信息，从而让网站服务器得知用户已经登录，并提供用户所需的...

随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行，移动互联应用开发也越来越受到人们的重视，用html5开发移动应用是最好的选择。然而，每一款手机有不同的分辨率，不同屏幕大小，如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢？学习html5 viewport的使用能帮你做到这一点……viewport 语法介绍：!--htmldocument--metanam...

前些日子，偶然发现zoom在iPhone6里没有起作用，而这之前，iOS7以下的Safari则确实支持zoom。可惜我并没有iPhone来测试这个问题，毕竟自己还在用着老诺的10年前的手机，手中也只有老婆淘汰下来的iTouch4，所以无法比较准确地做过多描述，只能粗糙地得到一个大概的结论。虽然zoom的初衷是放大和缩小内容，但早期常用于触发IE内部haslayout属性，用做IE6-7的药方。作为...

概述：本文通过表格的形式对HTML5常见视频播放器的功能进行直观对比。随着HTML5视频和音频标签的广泛使用， 网上现成的HTML5视频播放器也越来越多，这让你很难选择把哪一个作为“最佳的 HTML5视频播放器”加入进你的项目里。这里是一个来自多个视频系统的HTML5视频播放器的简单横向比较。 它列出了所有常见的HTML5视频播放器，包含了它们在闪退、iOS兼容、字幕、JS库需求、音频、支持全屏等...

在百度音乐 http://music.baidu.com/ 看到这么一个图片效果，当鼠标移上去的时候，会有一道闪光在图片上划过，效果挺酷炫的。于是把这个效果再实现一下：这个 CSS3 的效果怎么实现呢？HTML 设计成这样：pclass=overimg aimgsrc=http://www.nowamagic.net/librarys/images/201402/2014_02_15_01.j...

开发人员都喜欢使用高质量的开发工具，本文就推荐五款优秀的前端开发工具和框架，希望能供开发人员参考。近年来，为了应对前端开发复杂度所带来的挑战，开发人员创建了许多前端开发工具来简化开发流程。从测试框架，到分析工具，前端开发工具已经非常成熟，正是得益于这些有用的工具才让用户体验到最佳的互联网服务。开发人员都喜欢使用高质量的开发工具，本文就推荐五款优秀的前端开发工具和框架，希望能供开发人员参考。Chro...

概述：下面为大家推荐的这8个CSS工具，有提供函数的，有提供类的，有提取代码的，还有收集CSS的统计数据的……请花费两分钟的时间看完这篇文章，或许你会找到意外的惊喜，并且为你的编程之路打开了一扇新的大门。作为网页设计师，为了在预期的时间内能完成项目，前期肯定是要进行大量练习的。但是如果你花了大量的时间在编写CSS代码上，那无疑是浪费时间。工欲善其事必先利其器，聪明的设计师善于利用工具提升他们的编码...