132 个 Web 设计工具(上)

这是 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 系统，可以创建表单和模板，供最终客户填写