本博客用于记录生活和工作的点点滴滴。包括网站设计，前端开发，后台程序开发，SEO，网络营销，资源分享和业余生活。热衷关注业界的新话题和新技术。喜欢泡技术社区，最早读到John Resig，Douglas Crackford作品，并视他们为神人，乐于维护个人博客，分享自己的心得和经验，喜欢也开发过自己的JS库。至于我的联系方式嘛，在后面，有时间我会回复你的。^ O ^

 摘抄了外国牛人的BlueTrip CSS Framework的一部分，觉得归类总结的很好，列出来，需要时可以拿来用。

在过去几年中，Web开发人员开发了许多Ajax和CSS，Tab选项卡切换为基础的界面，成为一项非常有趣的技术，它让我们用一种简单的方式获得信息，而不需要打开和关闭多个窗口。
在本文中，我们花了许多时间来为你寻找最好的以Tab选项卡切换为基础的界面应用，这些Tab选项卡切换应用包括使用纯CSS和以AJAX结合CSS实现的。

最近的项目涉及到很多表单的制作，特别是复选框(checkbox)和单选框(radio)。但是在前端开发过程中发现，单(复)选框和它们后面的提示文字在不进行任何设置的情况下，是无法对齐的，而且在Firefox和IE中相差甚大。即使设置了vertical-align:middle，也依然不能完美对齐。如下图所示：

Web 开发与设计师速查手册大全，非常精彩的收藏，很感谢作者。

国外知名博客SmashingMagazine分享了6个非常漂亮的PSD和XHTML模板，这些模板是免费的。事实上，这些模板是Templateworld提供的。但是无论如何，我们可以分享并完全不受限制的使用这些非常棒的设计。

IE8正式已经发布，对于网页设计者来说，在不开启IE8的兼容模式下，网站能否正常显示成了一个需要注意的问题，虽然IE8号称更加符合标准，但还是会出现局部显示不正确的bug，本文提供一个可以同时区分IE6、IE7、IE8、Firefox2、Firefox3、Chrome的CSS hacks，方便在IE8下局部显示不正确的时候进行调整，避免重写CSS，经过测试，这种IE8 的hacks可用。

网页中经常要做的一件事情就是让一个链接来执行一个 JavaScript 脚本，例如：< href="#" onClick="some_js_here();">Some text</a>，不过这样的副作用是因为有 href="#"。所以导致点击完后页面会滚动到最上面。

没人愿意等待。所以，没有访问者真的能够忍受一个打开速度极慢的网站。但是，网页打开速度到底对用户行为有什么影响，恐怕没几个人能够说清楚吧。

网页打开的最佳速度 ：2秒！

如果在用CSS设计网页时遇到BUG，请认真阅读以下内容，非常容易记忆的，不知道哪位高人把CSS BUG编成了顺口溜了！看看好不好记住呢？

今天给标准浏览器加入高级CSS的让其得到更好的表现时候，发现一个可以检测浏览器支持哪些高级CSS选择器的网址，用你的浏览器打开就可以开始检测。opera9，safari4（beta），Google Chrome，全部支持，FF3，表现一般，有7项不支持，IE6,IE7简直就是垃圾  ，不想多说。IE8没装没测试......

这篇文章就不翻译了，大家也不是文盲，简单的几个英语都看得懂的咯~HOHO

一般写网站样式都很少用到这个@font-face规则的，这个规则通常用于定义字体的出处的。

ie7 - js中是一个JavaScript库（解决IE与W3C标准的冲突的JS库），使微软的Internet Explorer的行为像一个Web标准兼容的浏览器，支持更多的W3C标准，支持CSS2、CSS3选择器。它修复了许多的HTML和CSS问题，并使得透明PNG在IE5、IE6下正确显示。

据说完美的清除浮动的方法

虽然W3C的CSS3说明书还没有定稿，但一些比较前卫的Web浏览器(像Mozilla Firefox, Opera和基于WebKit的浏览器)已经完全或者部份支持CSS3.