这是 Mashable 搜集的 130 个 Web 设计工具，涵盖了从初学者到高级 Web 设计人员需要的各种工具和资源。这是第一部分。同时请参阅 Web 开发工具箱：120个 Web 开发工具的第一，第二部分。
本文在翻译原文的基础上，又添加了两个工具。初学者资源
YAML Builder – 简单易用的 YAML （Yet Another Multicolumn Layout – 做栏布局）XHTML/CSS 站点布局。(事实上，YAML是一个非常著名的CSS框架)
YUI Builder – Made by Yahoo，是YUI框架的一部分，类似于YAML，可以在线生成网页的CSS结构框架。
Sky CSS Tool – JavaScript CSS 工具
The Box Office – 文字围绕图片的 CSS 格式工具
CSSTXT – 在线 CSS 文字式样生成器
izzyMenu.com – 免费 CSS 菜单
pForm – HTML 表单生成工具
Roxer – 拖放式网站设计工具
Wirenode – 创建移动站点
doodlekit – 在线网站设计及 CMS 系统，含表单生成器，Paypal 构物车，可互换的布局与图片，内置图片库
dotemplate – 可定制的网站模板
templatr – 创建网站模板的在线工具
Agency of Record – 面向创意设计者的网站设计与托管平台。
Typechart – 字样与 CSS 式样
CSS Type Set – 创建个性化 CSS 字体式样
CSSType – 试验各种 Web 安全的排版风格并获得相应 CSS
CSS Builder – 快速生成 CSS
Firdamatic – 不使用 table 设计2或3栏博客版面
PsycHo – 博客模板设计
folionow – 简单易用用便宜的网站设计工具
CSStxt – 自定义 CSS 文字式样
Viviti – 易用的网站设计工具
ComfyPage – 简单易用的免费网站设计工具，可定制模板，并添加任意多页面
LetsEat.at – Free website builder and hosting for restaurants that includes customizable menus, daily specials, printable coupons, and more.用于酒店宾馆的免费网站设计工具。包含可定制的菜单，每日特价，优惠券等。
webon – 免费的，不含广告的网站设计工具，可用来设计博客，像册，视频站
infogami – 快速设计网站，含可定制的模板。
edicy – 创建网站，并使用你自己的域名上线
Jimdo – 网站创建工具，集成了各种图片，视频等
Webnode – 免费创建个人或公司网站，拖放式操作，标签，免费托管
iompi – 创建电子商务网站
easysite.com – 网站创建工具，含照片，视频，博客，免费电话支持
myfamily.com – 免费的，不限空间的家庭网站创建
MomentVille – 免费婚礼网站创建工具
SeeYouThen! – 婚礼网站创建工具，含高分辨率照片交换，私人消息，客人资料等
GoHoster – 支持子域名的免费网站创建工具
BlinkWeb – 免费的拖放式网站设计工具，含电子商务选项
Macrocasa – 房地产行业网站创建工具，包含中介消息系统及客户管理系统
Pixie – 免费的，开源网站创建工具，含直观的界面，容易安装部署
Squarespace – 一个强大网站创建工具，含 XHTML 验证，所见即所得编辑器，博客平台。
NicEdit – 跨平台内容编辑器，可以在浏览器中直接编辑网站内容
WordPress Theme Generator – 使用该工具你可以创建完全定制化的 WordPress 主题
高级专业设计者资源
CSS Superdouche – 净化 CSS 以降低其复杂性
Code Beautifier – CSS 代码格式与优化
CSSFly – 在浏览器中编辑 CSS 和 XHTML
CSS Drive CSS Compressor – CSS 压缩工具
Clean CSS – CSS 净化与优化工具
CSS整理与优化工具 – 国内著名的css整理与优化工具。
EM Calculator – 将基于 px 的尺寸转换为 em
CSS Redundancy Checker – 清除未使用 CSS 选择器，检查 CSS 中多余代码
GrayBit – 将彩色网站转换成灰度级以测试其可访问性
ProtoShare – 创建网站模型，从团队获取反馈，创意与建议
Most Sliced – 图片切片服务列表，含评测与用户评分
Inserit – 一个用于 Web 设计师的 CMS 系统
LightCMS – CMS 系统
clickbooq – 网站创建与管理工具
jumpchart – 网站规划程序，可输出干净的 CSS/XHTML
inblogit – 博客工具，可以集成到任何网站
Reflect – 网站设计与托管平台
Carbonmade – 让设计者们在线展示自己的作品
ThemesPress – 将 Template 文件转换成 WordPress 主题
Feng GUI – 这是一个很有趣的工具，它模拟人类在5秒钟内看到一个网页画面时的印象，分析你网页中最容易被人注意的热点位置。
Text Generator – Lorem Ipsum 傀儡文字的替用品
webvanta – 商业网站创建与托管
Tuplix – 直接在网页上更改内容
FolioSnap – 创意设计者用来展示作品的工具
Frontfriend – 供网站设计者使用 CMS 系统，可以创建表单和模板，供最终客户填写