声明，本文中所称 CSS雪碧 即为CSS Sprites，这个词组一直没有一个固定或者约定俗成的中文翻译，一些人开始称之为CSS雪碧，我们且当作一次尝试吧，如果大家觉得不妥，今后还会继续直称CSS Sprites。
CSS雪碧已经出现一段时间了，并上升为一种可以让你的网站速度变快的方式。Steve Souders刚刚在 Velocity ‘09上展示了SpriteMe! (讨论——为什么在你可以使用canvase和toDataURL和及时生成雪碧的时候还要使用CSS雪碧生成器或其它基于服务器的工具？）。然而，关于CSS雪碧有一些误解，最主要的一个就是它们没有缺点。
如何设计网页横幅
设计一个吸引人的网页主横幅其实可以很简单，我们思考的只是如何分配区域。
在一个简单的网页中，上方的横幅是最重要的视觉元素。在很多博客网页中，它甚至是唯一的视觉元素。所以它的作用可以说是相当大的。它必须能够与网站的风格配合，并能传达视觉上的信息。它必须让人看上一眼就让人知道这个网站是属于什么类型，风格是什么。这个横幅还必须能够提供简单明了的导航链接。所有这些，我们都可以通过将横幅分成三个区域而轻松实现：每一个区域都具有自己的功能，而我们还要将这三个区域在视觉上统一，使三者具有相似性及协调性。看一下我们在本文中所介绍的例子。
写任何编程代码，不同的开发者都会有不同的见解。但参考一下总是好的，下面是来自 Javascript Toolbox 发布的 14条最佳JS代码编写技巧 ，Sofish翻译(1,2)。
1. 总是使用 ‘var’
在JavaScript中，变量不是全局范围的就是函数范围的，使用”var”关键词将是保持变量简洁明了的关键。当声明一个或者是全局或者是函数级（function-level）的变量，需总是前置”var”关键词，下面的例子将强调不这样做潜在的问题。
不使用 Var 造成的问题
阅读全文…
转自：http://blog.uxredesign.com/interactive-design/interaction-design-job-ablities/
2年前，去杭州某公司做交互的时候，除了自己在书上看来点的交互外其他的一概不了解。后来，在杭州那公司做久了，才知道交互设计是怎么回事。总结下自己初学交互时的坎坷，希望后来的同胞可以进步的更顺利些。
这个以户为中心的设计是近几年才逐渐流行起来的，交互设计也是个新兴的行业。和我之前做的老本行：网页设计师一样，交互设计由于其入门门槛低，也没什么考核标准。加上所用的工具乱七八糟：十八般触手可及的东西如：ppt、visio、打印的废纸背面、就连餐桌上擦嘴的纸巾都可以拿来干活。所以，网页设计师不管如何也得经过2个礼拜的photoshop上岗培训这样的门槛，交互设计师门槛更低了，只要会拿笔就ok了，因此良莠不齐的现象出现也属正常。而且，大多数交互设计师是从其他行业转过来的，因此在工作方式上亦有差异，有的偏视觉设计（可能喜欢用photoshop、illustrator干活做线框图？）、有的擅长逻辑分析（可能喜欢用代码做线框图）、也没准还有用餐巾纸做线框图的，那哥们也许是从餐饮业转行来的。
阅读全文…
原文链接：http://www.hplus.org.cn/blog/2009/07/143
（本文的标题叫做“方式研究”，是因为，我最终也没有想通原理，只猜出了方法，但是，的确是实现了效果。）
最近的项目涉及到很多表单的制作，特别是复选框(checkbox)和单选框(radio)。但是在前端开发过程中发现，单(复)选框和它们后面的提示文字在不进行任何设置的情况下，是无法对齐的，而且在Firefox和IE中相差甚大。即使设置了vertical-align:middle，也依然不能完美对齐。如下图所示：
