体验与功能 - 漂亮的用户界面未必是一个好的用户界面 - 译言翻译
网站newspond.com它是一个非常漂亮的界面的系统，但是问题就在这里。它的界面太“ 过”漂亮了 - 它会让你分心，因为你不容易把视觉焦点放在内容上面。设计美丽（适当是可以的）的UI打败了你强大的服务。
more fromwww.yeeyan.com
百度有啊前端技术初窥 - 岁月如歌
layout部分完全照抄YUI的grids. 文件头的All rights reserved有点不厚道，至少应该说明下Inspired by YUI. 看最后一行的:after, 这种清除浮动的方式不用添加额外标签，今天正犹豫能否用于淘宝，百度有啊做了小白鼠，很不错。
more fromlifesinger.org
网页栅格系统研究（1）：960的秘密 - 岁月如歌
上面列举的都是Alexa全球排名前100的站点，它们的首页宽度为950px/960px
more fromlifesinger.org
10个最佳颜色工具和资源 | 帕兰映像
# ColorToy 2.0 - 基于Flash的配色方案生成器
# 15个“在线配色方案”工具网站
# Pic2Color:图片配色工具
# COPASO:先进的在线调色板工具
# 10款屏幕取色器/颜色拾取工具软件介绍及下载地址
# 彩虹颜色图表-Rainbow Color Chart from Draac
more fromparandroid.com
心弦 | blog - 最好的原型和流程图绘制工具：OmniGraffle
“使用哪种原型设计工具”大概是设计师闲聊时出现频率最高的话题之一。据我了解一般以Visio和Photoshop为主，也有人用Flash和PPT，据一个新来的同事说，他们公司还用Excel。我实在想不出用Excel怎么画图，哈哈。我个人最喜欢的工具是OmniGraffle（如下图），自从我用了它以后，就再也不想用其它原型设计软件了。
more fromheartstringz.net
Useful Cheat Sheets for Web Designers - Six Revisions
网页设计师有用的参考表
您可以找到28个很好，有用的参考在各种格式的文件对Photoshop ， Dreamweaver等，颜色，版式，和其他网页设计相关主题都在同一个网页上的图片，每个小抄。
more fromsixrevisions.com
Advanced CSS Menu CSS高级菜单制作
上个教程，我教你如何使用photoshop设计水彩效果的菜单。这个教程将教你如何切片（一步步）并且用CSS表现。你也许知道如何用代码做水平或者垂直的CSS菜单。现在让我们学习用CSS做一个高级的CSS菜单。
more fromwww.webdesignerwall.com
CSS Menu Builder | Free online navigation generator
CSS菜单生成器
more fromwww.cssmenubuilder.com
Blogger Templates
google blogger 模板
more frombtemplates.com
7个最好的网上CSS资源 | 尖笔头
The Noodle Incident’s CSS Panic Guide 当你发现你的CSS有错误时，这是一个非常实用的资源，这个网站非常详细地列出CSS的会出现问题的类别，只要你对号入座，你会找到解决问题的办法，因此你不需CSS的出错而做恶梦了。
more fromwww.jianbitou.com
20个优秀网站助你征服CSS | 尖笔头
A List Apart是一个CSS优秀文章的收集网站，从1999年开始收集文章，关注最佳网页设计。
more fromwww.jianbitou.com
16个优秀网站教你网站设计 | 尖笔头
The Best Designs是一个现成查看高质量XHTML和Flash设计的优秀网站，该网站标记与每一个设计的关键字（例如用加粗、加色、或者是用更深的CSS），让读者更容易得到自己想搜索的东西。
more fromwww.jianbitou.com
Free CSS templates - Download Free CSS Templates
自由的CSS模板
more fromwww.free-css-templates.com
YSlow for Firebug
slow分析网页，并告诉你为什么他们正在缓慢的基础上， 规则为高性能的网站 。 YSlow is a Firefox add-on integrated with the popular Firebug web development tool. yslow是一个Firefox的加载上结合流行的firebug的Web开发工具。
more fromdeveloper.yahoo.com
Web标准化-首页
* 首 页
* Web标准化
* Ajax/Javascript
* 页面设计
* 网站开发
* 数据库
* 服务器
* 论 坛
more fromwww.div-css.com
Web开发人员必备的10个工具 | Nffish's Blog
YSlow 是Yahoo开发者团队发布的一款基于Firebug的插件。
more fromnffish.com
Download details: Internet Explorer Developer Toolbar
微软发布的Web开发IE工具栏，实现的功能如下： 浏览和修改Web页的文档对象模型（DOM）。 通过多种技术方式定位、选定Web页上的特定元素。 禁止或激活IE设置。 查看HTML对象的类名、ID，以及类似链接路径、tab顺序、快捷键等细节。 描绘表格、单元格、图片或选定标签的轮廓。 显示图片象素、大小、路径、替代文字等。 即时重定义浏览器窗口大小到800x600或自定义大小。 清空浏览器缓存和cookie，被清除项可从所有对象或给定域中选择。 直接访问关联W3C规范参考、IE开发组blog或其他来源。 显示设计时标尺，帮助对齐对象。
more fromwww.microsoft.com
Web开发实用浏览器(工具)插件 - 天雪BLOG - 博客园
PowerBand是一个IE的插件(同时也支持MyIE2/Maxthon)。提供了对HTML动态分析，跟踪，编辑的功能。能够方便快捷的分析HTML页面的结构，有助于网页设计人员/网站开发人员调试，分析晦涩的HTML代码。
more fromwww.cnblogs.com
37个Ajax和CSS实现的Tab选项卡切换效果界面 | 帕兰映像
在本文中，我们花了许多时间来为你寻找最好的以Tab选项卡切换为基础的界面应用，这些Tab选项卡切换应用包括使用纯CSS和以AJAX结合CSS实现的。
more fromparandroid.com
Notation: * = Private bookmark and comment|… = Clipping [?] | … = Public highlight [?]
