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 代码生成工具,让你不需要手动书写代码。
延伸阅读:
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 表单创建工具。
延伸阅读:
Roxer – 可以让你对自己目前的网页进行拖拽编辑的在线服务。
Wirenode – 创建你自己的适合手机阅读的网站版本。
延伸阅读:
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 – 一个易于使用的调试工具。
翻不动了,下面的自己看吧。
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.