Javascript和CSS浏览器兼容总结

这是我总结多年的一个小文档，主要内容是Javascript和CSS浏览器兼容总结，最近看见有人咨询浏览器兼容的问题，就贡献出来。并不一定全，有的也可能不准确，比如新出的IE8、Chrome等都没有太多涉及，虽然最近做的一些项目也兼容了IE8、Chrome等，但都没来的及总结进去，后来就忘了…汗。大家一起慢慢完善吧。

语义化的HTML结构到底有什么好处？

相信大家都知道html和css，知道html结构和css表现分离，知道html语义化，这些都是这几年的热门关键字。语义化的html在国内也是一两年前才开始被追捧的，看看现在群里谈论的html结构，关于html结构的面试题，语义化的html占据了很大一部分。那么为什么要使用语义化的HTML？语义化的HTML到底有什么好处呢？

7款实用的Javascript代码高亮脚本

代码高亮很有用，特别是在需要在网站或者blog中显示自己编写的代码的时候，或者给其他人查看或调试语法错误的时候。我们可以在显示中支持代码高亮，以便于阅读者可以十分方便的读取代码块、增加用户阅读代码的良好体验。

推荐三十款CSS样式选择器代码

你也许已经掌握了id、class、后台选择器这些基本的css选择器。但这远远不是css的全部。下面向大家系统的解析css中30个最常用的选择器，包括我们最头痛的浏览器兼容性问题。掌握了它们，才能真正领略css的巨大灵活性。UED163推荐三十款CSS样式选择器代码,值得收藏。

发布本地存储开发插件-Rookie

Web开发中的本地存储常常用来存储一些与用户相关的特定信息到用户本地硬盘，比如用户对网站设置的一些偏好选择如网页皮肤外观，具有时效性的用户登录认证信息，保存用户表单填写的数据以避免反复填写或者提交时网络故障导致填写数据丢失，以及存储一些需要常用到的数据集以减少网页重复加载时对网络数据的请求。在不同客户端平台下的本地存储已有多种现实的解决方案，用得最广泛的如Cookie，但存在数据量较小，不能跨浏览器共享，...

良好网络广告体验的“FACT”法则

广告，已经成为在线生活的一部分，当我们关注网站和产品的用户体验时，广告不应该被忽视。

Banner中的字体结构分析

本来想写“Advertisemen中的字体结构分析”，后来发现这个标题写得有点大，偏离了在目前工作中的针对性，因此缩小到banner的范围，以下内容仅个人在目前工作中对banner设计上的一点浅见，仅起抛砖引玉的作用。

如何高效的在多个浏览器之间同步使用的5个工具技巧

对于网站前端开发者、用户体验设计师、互联网产品工程人员，以及广大站长、博客主、深度用户而言，往往有着一个共同的需求：需要时常在多个浏览器之间切换使用，以检查页面效果、测试产品性能，或是同时用几个账号身份登录相同的页面。

专题第一屏设计随感

看过“非诚勿扰”的同学都知道，节目中女嘉宾只需几分钟时间就能决定自己的约会对象。同时也能否决掉N个男嘉宾。 如果把网页上的各色推广专题比作是参加非诚勿扰滴各色男嘉宾，而广大网友则是那舞台上18位漂亮滴美眉。决定的时间将更加短暂，就几秒钟时间。如何瞬间抓住“美女”的心。第一印象是至关重要的。而推广专题中第一屏幕，就好比专题页面的第一印象，一定要抓住用户的心。这样才有后续发展~~~

IE9允许前端开发获取到页面性能数据

长期以来，为了改善站点的用户体验，我们一直都是在页面顶端加上一个 (new Date()).getTime() 来获取用户打开页面的时间，使用httpwatch来分析页面打开的解释时间。httpwatch虽然强大，但是还是无 法让我们深入到用户的环境去了解用户打开页面前的一些情况，例如:DNS解释时间，请求和响应时间，以及更加深入的页面渲染时间等重要信息。这些信息对用 户环境分析是至关重要的。

JavaScript性能陷阱

JavaScript陷阱太多，因此我们得步步为营，下面这些点，相信很多同学都会遇 到。

CSS3 媒介判断与 iPhone 4 视网膜显示屏

iPhone 4 的「视网膜显示屏」将像素密度提升一倍，文字的锐度得以大大改善。但图像何如？为了保持现有网站的外观，图像将自动放大一倍。这便产生了「设备像素」和「 CSS 像素间」的分裂。

从DTD网络流量谈W3C管理员的郁闷、惆怅和纠结

我们注意到上面的刷蓝标签，其实并不是HTML中的超链接，他们是仅仅用来作为确认的URIs，这是以机器能读懂的方式告诉计算机“这个文档是HTML”。并且，通常计算机软件程序并不需要去抓取这些URI资源，并且一定不需要反反复复地去抓取这些资源！然而，W3C服务器却接收到“令人震惊”的“出奇地大”的对这些资源的请求：每天收到超过130，000，000次的请求，占用宽带使用350Mbps，仅仅是抓取几年未变样的资源文件。

jQuery实例为什么在firebug下表现出数组的特征

在firebug下面用console.debug($(‘a’))打印jQuery()返回值时，会发现控制台输出是一个数组，但我们知道jQuery()返回的确实一个对象，只不过这个对象有length属性和数字的下标，最重要的是还有一个splice方法。只要满足这三点，就会在控制台输出一个数组。自己建了个例子模拟一下。

设计信息可视化的10条建议

设计信息可视化的10条建议

jQuery.animate简单分析

很久之前就对jQuery.animate的实现非常感兴趣，不过前段时间很忙，直到前几天端午假期才有时间去研究。 jQuery.animate的每种动画过渡效果都是通过easing函数实现的。

浅谈大型网站的SEO策略及如何执行

前不久跟几个朋友再探讨大型资讯网站如何做SEO. 其实不同的项目操作手法以及策略都是不一样的,具体情况具体分析了.SEO策略的好坏直接影响到不同阶段的优化效果. 在这里分享一下自己的一些SEO策略以及如何执行。其实这也是老话常谈了。

DW的正则工具

DW也有正则工具的，一直没有使用。碰到个极猥琐的东西~ 立刻想到用正则来搞定

浅述各平台系统交互设计的不同关注点

如同写文章一样，何谓好的设计，并没有十分固定的准则，但散文、小说、诗歌却有不同的写法。个人认为在不同的平台系统的交互设计也应该有不同的关注点和准则。

交互设计发展至今，在各平台上的设计准则或许用一本书的篇幅来论述才能说得清，此处仅是对其的部分关注点做个浅显的列举。总的来说，不同平台设计时在“有效、效率及满意”的准则间侧重点有所不同，但无论如何，最终都是以良好的可用性为目标。

解决问题小记

设计本来就是一项解决问题的工作。在处理任何设计需求的过程都是在用我们所学的知识解决问题，解决问题的核心是千万不能被复杂的问题复杂化，问题越是复杂，越要保持一颗简单的心。