130 网页设计工具

新手工具资源

YAML Builder - 简单易用的YAML (又一个多栏布局) XHTML/CSS 网站布局创建工具。

延伸阅读:

• 15款CSS 框架
• 9个 CSS三栏布局
• 没有div没有float没有clear没有hack的超强CSS布局
• CSS Grid Builder:轻松生成标准CSS网页布局的在线工具
• 10大免费在线网站设计工具

Sky CSS Tool - 基于JavaScript 的CSS 代码生成工具，让你不需要手动书写代码。

延伸阅读:

• Markup-generator: 简捷的XHTML/CSS代码生成器
• 15款代码生成器
• CSS Sprite Generator: CSS妖精生成器

The Box Office - CSS 格式化工具，让你不需要手动写代码，就可以生成漂亮的文本环绕图象排版效果。

CSSTXT - 在线的CSS文本样式生成器。

izzyMenu.com - 免费的CSS菜单生成器。

延伸阅读:

• 50多个极富创意的CSS演示和教程
• 30多个CSS和JS下拉菜单资源
• 9款CSS菜单生成器/含在线CSS导航菜单生成和CSS菜单生成软件
• 13styles:专门收集CSS导航菜单的博客网站
• 50多套CSS导航菜单免费资源
• IzzyMenu: 在线创建DHTML/CSS菜单

pForm - HTML 表单创建工具。

延伸阅读:

• Formsite 在线HTML表单创建工具(登录表格/客户调查等)
• pForm:在线创建表单的网站
• 47个优秀的Ajax/CSS 表单设计资源

Roxer - 可以让你对自己目前的网页进行拖拽编辑的在线服务。

Wirenode - 创建你自己的适合手机阅读的网站版本。

延伸阅读:

• Jag.ag: 免费快速的在线创建手机网站
• Mowser: 适合移动手机浏览的网站服务

doodlekit - 在线的免费网站创建工具和CMS，包括表单创建, PayPal 购物车, 交互布局和平面，以及照片存储等等。

dotemplate - 这是一个模板网站，可以让你自己定义模板，然后下载。

templatr - 在线创建网站模板的工具。

Agency of Record - 一个专业创作的网站设计和主机平台。

Typechart - 浏览不同的字型排版设计，并可方便的复制粘贴CSS代码。

CSS Type Set - 使用这个工具创建自定义的字型风格。

CSSType - 实验性的字型排版，并获取CSS代码。

CSS Builder - 轻松生成CSS 样式表。

Firdamatic - 一个在线创建两栏，三栏简单博客布局的工具。

PsycHo - 一个博客模板创建工具。

folionow - 简单易用的网站创建工具。

CSStxt - 创建自定义的CSS文本风格。

Viviti - 易于使用的网站创建工具。

ComfyPage -易于使用，免费的网站创建工具，让你非常方便的创建模板和添加页面。

LetsEat.at - 免费的网站创建工具和主机托管服务，包括自定义菜单，每日特别咨讯，可出版等。

webon - 又一个免费的网站创建工具，可以让你轻松的创建博客，相册，视频收集网站等等。

infogami - 支持一键编辑，自定义模板等等。

edicy -在线创建网站并且发布到你自己的域名下面。

Jimdo - 创建你自己的网站，在不同的页面上面添加图片，视频等。

Webnode - 通过拖拽技术轻松的创建免费的个人或商业网站，并且提供免费主机空间。

iompi -电子商务网站创建工具。

easysite.com - 网站创建工具，包括照片，视频，博客和免费电话支持服务。

myfamily.com - 免费的家庭网站创建工具，提供无限量的空间。

MomentVille - 免费的婚礼网站创建工具。

SeeYouThen! - 又一个婚礼网站创建工具。

GoHoster -另一个提供子域名的免费网站创建工具。

BlinkWeb - 支持拖拽技术和电子商务的网站创建工具。

Pixie - 免费开源的网站创建工具，包含直观的界面和易于安装。

Squarespace - 一个强大的网站创建工具，包含 XHTML验证, WYSIWYG 编辑, 一个博客平台等等。

NicEdit - 跨平台的内容编辑器，让你通过浏览器直接编辑网站的内容。

WordPress Theme Generator - 使用这个工具创建你自己的WordPress主题。

延伸阅读: 5款Wordpress主题生成器

高阶用户工具和资源

CSS Superdouche - 一个CSS代码精简工具，去除冗余的CSS代码，提高载入效率。

Code Beautifier - 格式化和优化你的CSS代码。

CSSFly -在浏览器里编辑 (X)HTML 和 CSS 代码.

CSS Drive CSS Compressor - 减少你的CSS代码。

Clean CSS - 又一个CSS 代码精简工具。

EM Calculator - 转换px像素为em单位，以得到更具可用性的CSS字型排版样式。

CSS Redundancy Checker - 自动清除无用的CSS选择器。

GrayBit - 一个易于使用的调试工具。

ProtoShare

Most Sliced

Inserit

翻不动了，下面的自己看吧。

LightCMS - A CMS for Web designers that lets you create websites your clients can manage themselves.

clickbooq - A website creation and portfolio management tool.

jumpchart - Website planning app that lets you export clean CSS/XHTML.

inblogit - A blogging tool for Web designers that can be integrated into any website design.

Reflect - A website platform and hosting service for Web designers that lets them and their clients create and manage websites.

Carbonmade - An online portfolio site for designers with free and paid plans.

ThemesPress - Automatically convert your template files into WordPress themes.

Feng GUI - Generates heatmaps for your website by simulating human vision during the first five seconds of viewing your website.

Text Generator - Generates lorem ipsum-like text.

webvanta - Free business website builder and hosting aimed at providing design professionals a quicker way to build websites.

Tuplix - Easy to use website authoring tool that works for new or existing websites.

FolioSnap - Website portfolio builder for creative professionals.

Frontfriend - CMS for designers that lets them build forms and templates and then lets their clients fill in their own information.

图形, 页面元素和设计工具

ScrnShots - Host, share and tag your screenshots.

flickrSLiDR - Create and embed a flickr slideshow on your website or blog.

websnapr 2.0 - Online tool for capturing thumbnail of websites.

StyleIgnite - Design snippets (CSS, HTML, and more) for contact forms, layouts, and more that you can use on your sites.

BgPatterns - Background pattern creation tool with live preview.

The Effect Generator - Create animated slideshows, buttons, and more with this tool.

The Color Wizard - Submit a color and this tool will bring back matching colors.

ColorJack - A color scheme gallery that also explores color theory.

My cool button - Web 2.0 button creator.

[ws] Color Scheme Generator 2 - An easy to use color scheme creator.

Cornershop - Get the CSS and images to put rounded corners on your website.

CSSround - Another tool to create rounded corners on your website.

Color Hunter - A color palette creation tool that lets you pull color palettes from images.

Web Graphics Maker - A free tool to create backgrounds, lines and bullets for your website.

As Button Generator - Free Web button creator.

Picreflect - A free tool to create reflections for your photos.

Bradicon! - Create icons from any image.

TabCreatr - Create CSS tabbed navigation for your site.

List-u-Like CSS Generator - A tool to create list-based navigation bars.

text2PNG.com - Convert text headers and navigation to PNG files.

IconsPedia - Free, huge collection of icons.

Genfavicon - A free favicon generator.

QuickRibbon.com - Create custom ribbons with or without links for your site.

Glassy Buttons - Create custom glassy style buttons.

Website Ribbon Generator - Create free ribbons for your site with or without hyperlinks.

4096 Color Wheel - A color scheme generator that shows you Web-safe, Web-smart and unsafe colors.

Web 2.0 Free Logo Generator - Create your own custom Web 2.0 logo.

colordb - Another color palette generator, though this one is much more in depth than most.

colorcombos.com - A huge library of color combinations.

ColorToy 2.0 - A Flash-based color palette generator.

Accessibility Color Wheel - Check the readability of your background and text color combinations. This tool will tell you if there is enough contrast between the two.

Artypapers Buttons - Customize buttons and collect them on your website.

freshbadge - Create Web 2.0 badges for your site.

Favicon Generator Tool - Free favicon creator from Dagon Design.

Favicon Generator - Another free favicon generator.

favicon maker v1 - A free, basic favicon creator that lets you create a favicon from scratch or an existing image.

Stripe Designer - Create background stripes for your website.

Favicon Tool - A free and easy to use favicon generator.

Favicon Generator & Gallery - Create your own favicon or browse those created by others.

Web Script Lab Favicon Generator - Another free favicon generator.

Ajax Loading GIF Generator - Easy to use loading gif generator.

Loader Generator - A tool to create loading spinners.

Gradient Image Maker - A free tool to create image gradients.

Rainmaker - Tag cloud creator.

favicon.cc - Another free favicon creator.

FavIcon from Pics - Create a favicon from an image.

TagCrowd - A free tag cloud creator.

ConvertIcon - Converts ICO to PNG and vice versa.

My Timelines - Create AJAX timelines for your blog or website.

Cymbolism - A color tool that includes information on what emotions and words are associated with different colors.

Color Palette Generator - A tool that creates a color palette based on an image you upload.

Wordle - Create word or tag clouds from any text.

Screedbot - Create animated scrolling text.

Badged.net - Create badges and add them to your website.

Form Style Generator - Create your own CSS-styled Web forms.

reflectionmaker.com - Creates image reflections.

blogsticker - A social sticker directory.

Instant Eyedropper - Grab the color code of any color on the Web with a single mouse click.

灵感，协作和其它资源

FullSingle - A gallery of really awesome single-page websites.

We Love WP - A showcase of WordPress powered websites (not just blogs).

One Page Love - Another showcase of great one-page websites.

Screenalicio.us - A Web design gallery with more than 10,000 screenshots.

CSS Mania - A gallery of almost 12,000 CSS website designs.

The Best Designs - A huge showcase of Web designs and designers.

Pattern Tap - Design gallery of different website elements (headers, 404 pages, and the like).

eduStyle - A Web design gallery specifically featuring academic websites.

finalcrit.com - Free portfolio site for designers.

Should Redesign? - Get feedback on whether or not a redesign is needed for your site.

Designflavr - Design galleries for all sorts of artwork, including Flash and CSS websites.

View - Showcase of website that can be sorted by color or other criteria.

InspirationKing - A searchable gallery of websites for inspiration.

DesignerSource - A website design gallery that is browsable by topic or color.

BestWebGallery - Tagged website design showcase.

StyleVault - Another Web design gallery that lets you rate designs.