摘要： 标记主要用于图像地图，通过该标记可以在图像地图中设定作用区域（又称为热点），这样当用户的鼠标移到指定的作用区域点击时，会自动链接到预先设定好的页面 阅读全文

摘要： 图片（地图）热点区域高亮显示研究 阅读全文

摘要： YSlow是yahoo美国开发的一个页面评分插件，非常的棒，从中我们可以看出我们页面上的很多不足，并且可以知道我们改怎么却改进和优化。 仔细研究了下YSlow跌评分规则。 阅读全文

摘要： 也许你遇到过这样的情况，当你看到一个好看的网站，想下载它的图片时，发现下下来的不是一个单独的图片，而是好多图片组合在一起的一张大图片。这就是典型的CSS精灵。CSS精灵，英文名称CSS Sprite，是一种将网站中的小图片组合成一张大图片在网站中使用的方式。为什么要将小图片组合成大图片呢？主要是为了减少浏览器对服务器的请求次数。因为用户在浏览网站的时候，每次请求都是需要时间的。也许你的网页代码，图片，JS等的下载并不是最占用用户浏览时间的，占用户浏览时间最多的是用户每次的请求时间。html每个请求都要经过TCP协议的三次握手，用http watch观察一下浏览网站的时间构成，就能发现，请求占用 阅读全文

摘要： 我用JS生成一个弹出层<div><div>,这个弹出层下面有一个文本框，当文本框获取到焦点时，里面的光标一闪一闪的，这时，弹出层也无法遮住闪烁的光标，也就是页面上看到弹出层里有一个地方，有条竖线一闪一闪的，解决方法：$(this).focus(); $(this).blur();先这样解决吧，如果大家有啥好的见意可以说一下。 阅读全文

摘要： 换肤原理,准备N套皮肤CSS,放在webroot/css/red/test.css, webroot/css/blue/test.css…… 程序员只需要通过Cookie来控制red, blue这里的目录,将这里目录变成变量即可,单页面通过DOM操作Link即可实现,框架页面同样,通过递归即可实现全站换肤 阅读全文

摘要： 如果一提到交互设计，你就想到画线框图或原型图，那你只对了五分之一。交互设计是一个过程，从开始到结束有一套系统的流程。原型图只是其中的一个环节。 当接到一个设计项目，怎么开始？都应该做哪些工作？怎样尽可能的保证交付物满足既定的功能以及用户体验层面的易用性？ 第一步，是任务分析，列出界面所要完成的所有任务。第二步按各任务确定页面流程，建立信息架构。接下来是创建统一的页面布局包括分区等。然后在页面布局的基础上进行原型设计，可以是低保真和高保真的原型图。最后编写设计说明。 阅读全文

摘要： CSS本身对我来说从来不是问题，但是我很好奇使用变量来沿着一个调色盘为我的网站或模板创建一些东西的想法。拥有一个提供固定数量选项可选的色盘可以让我避免颜色太跳跃以至于从一个已定的风格中脱离。 阅读全文

摘要： 这是一个对web开发人员很有用的插件：Web Developer Extension。它可以高效的查看一个网页所包含的所有东西甚至能做得更多更好。比如： * 检查页面包含的所有css设定 * 检查页面的所有javascript * 调用dom inspector查看dom对象， * 对改页面添加用户自定义的css文件（这样你可以一次用自己不同版本或主题的css文件来检查不同的layout情况，而完全不需要在多个页面版本之间切换。） * 过滤图片，可以设定隐藏图片，标注没有alt标签或者没有title标签的图片，以确定你的页面是否更加符合WAI的要求。 * resize网页，以便于确定在不同分辨率情况下的页面layout情况。 * 可以调用几乎所有的标准化校验器,包括css,html,wai,link 等校验器。这样能够非常高效的进行标准化校验而不需要在几个不同的校验器之间烦人的切来切去。 * 多种标记功能，比如标记区块，标记不推荐使用的标签，标记表格等等。 你只要逐个检查每一个主要功能按钮，都会让你有不少的惊喜。 阅读全文

摘要： 网页竖式菜单，很好的菜单 阅读全文