在线生成工具，对于我们前端设计师来讲，一个非常不可缺少的工具之一。像很多的CSS、XHTML以及BUTTON，EMAIL图片，模板等等。你不需任何编程，可以轻松做出非常好的效果。
1. CSS Button and Text Field Generator
CSS Button and Text field Generator allows u to generate the coding for creating a button of your own style which includes background colour of button, the text colour, border style, border colour, and many more.
2. CSS Creator
CSS Creator is a Cascading Style Sheet(CSS) learning resource for web developers and designers which give and receive tips and advice on CSS and website creation.This generator will create a fluid or fixed width floated column layout, with up to 3 columns and with header and footer. Values can be specified in either pixels, ems or percentages.
Online CSS Optimizer/Optimiser is a web tool for reducing the file size of cascading style sheets. In order to save more space optimized files would be messy even so you may output it as a file. Non-valid or hacked (for certain browsers) CSS files may result in error.
CSS Form Code Maker is an online form generator which allow us to generate the code for creating a form of your choice defining numbeh of buttons, width, background colour, text colour and much more to modify.
CSS Menu Generator will generate both the CSS and the HTML code required to produce a text-based yet appealing set of navigation buttons. As text links are fast becoming preferred over images where search engine optimization is needed, a CSS menu can give the affectiveness of text links with a better look than standard text links.
6. Roudned Graphics for CSS Corners
This online tool generator is for creating rounded corner graphics to use in your website design.
CSS Tab Designer is a unique and easy to use software to help you design css-based lists and tabs visually and without any programming knowledge required.
8. CSS Scroll Bar Color Changer
CSS Scroll Bar Color Changer allows us to change the scrollbar colour in an HTML page to make it more attractive and colourful for web designers.
9. CSS Font and Text Style Wizard
CSS Font and Text Style Wizard uses dynamic HTML to change the style of the table in-situ, without loading another page. It is cross-browser compatible with Firefox, Netscape, Internet Explorer, and other modern browsers.
CSS Table Wizard allows you to alter table border styles and generate style source code. This wizard uses dynamic HTML to change the style of the table in-situ, without loading another page. It is cross-browser compatible with Firefox, Netscape, Internet Explorer, and other modern browsers.
11. Color Mixers
Color Mixers allows you to create a shades of colour by adjusting the three primary colours that is red, green and blue.And below you can see the layout of the combination of the three colours you have selected above.
12. Color Palette Generator Based on Images
Color Palette Generator Based on Images allows you to Generate a color palette based on an image.
This tool was inspired directly by the excellent Creating Color Palettes article by Andy Clarke.It will create 10 shades of the base color, located top-left, at varying degrees of opacity. The top row emulates opacity over a white background, the bottom over black (or colors of your choosing as of v1.4)
Color Combination Tester allows web developers to see how different color combinations work together on the screen.
15. PatternCooler
Patterncooler is a website that allows you to choose different and colourful background with a lot of attractive and creative backgrounds.
16. TartanMaker
TartanMaker allows designers to create their own background with a variety of layout to choose and modify them according to their need.
COLOURlovers is an international community of designers and artists of all kinds who visit the site to get color inspiration, ideas and feedback for both their professional and personal projects.
18. StripeGenerator
StripeGenerator, as the name suggests allows you to design a background with strips havig user defined strip colour, strip width, background colour, space between the two strips and much more.
19. StripeMania
Stripemania is a simple and free web 2.0 tool to create seamless diagonal stripes for your designs. You are able to choose the size of the stripes and the spacing between those. You can even add color gradient effect for all of your stripes.
20. StripedBgs
StripedBgs allows you to create a number of strips on a single background in which you can define the colour of each background yourself.
Dotter by PixelKnete allows designers to create a background with dots and allow them to choose the colour of dots and background colour too.
22. Gradient Image Maker by DynamicDrive
Gradient images are used everywhere in web page design, ie, as the background of form buttons, DIVs, to act as shadows and other interesting visual effects etc.This online tool to allow you to painlessly generate a gradient image of 3 types, with instant previewing so you get exactly what you had in mind.
23. Ogim – Online Gradient Image Maker
Online Gradient Image Maker (OGIM) is a unique online application capable of generating wide variety of gradient images with up to 9 transition color points without owning and having experience with graphics design applications such as Photoshop. Furthermore OGIM features a stripes generator module which could draw precisely positioned stripes over gradient image to make uninterrupted and smooth joints while image is tiling in any direction.
24. Gradient-Maker by SecretGeek
Gradient-Maker allow designers to create gradient background with different shades with the colour of your mood.
28. Flash Buttons
Flash Buttons allow designers to create button of their own choice in different styles and designs.
29. Flash Embedder
This tool will let you easily embed flash movies into HTML.This could also be done using the Publish option in the Flash program.
30. Toufee
With Toufee, you can create amazing flash slide-shows and movies using the Toufee maker. You can put these slide-shows / movies on your website very quickly, and without any programming skills needed.
Lorem Ipsum is simply dummy text of the printing and typesetting industry.There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don’t look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn’t anything embarrassing hidden in the middle of text.
32. Typetester – Compare Fonts for the Screen
Typetester allows designers to create text of their own style and Compare Fonts for the Screen.And you can also choose the text style which is provided in the site.
This text generator has been developed based on years of careful research and is guaranteed to improve even the most lacklustre of designs.
Lorem Ispum is a pseudo-Latin text used in web design, typography, layout, and printing in place of English to emphasise design elements over content.It allows you to create your text in Lorem Ispum style.
35. Ajax Loading Gif Generator
Ajax Loading Gif Generator allows you to create your own image with your own selection of indicator type, background colour and foreground colour.
36. Ajax Load
37. Web 2.0 Badges
Web20Badges is a set of free and very cool web badges.
They are probably one of the most popular trend in Web 2.0 time. It’s most over-used trendy little design technique in our days, they immediately attract visitor’s attention. Web badges have various round or square corners and eye-catchy colours.
38. Buttonator
Buttonator is a tool to generate a button of your own style and colour.
The “80×15 brilliant buttons”, also known as “antipixel buttons” or “badges”, are the very popular buttons especially used by bloggers.This is a web interface to create “80×15 brilliant buttons”, you can also use two images (one on the left and the other on the right side) to decorate the button.
Web 2.0 Logo Creator allow designers to create their own logo of different style and designs.
41. Logo Creator
This another tool for designers to creste their own logo of their choice.
42. Rounded Corner
Rounded Cornr generate a single GIF image of a box with rounded corners, border, gradient, and/or text. You can use this image as background for your buttons, tabs, text box, etc.
43. RSS Button Maker
A RSS Button is a small image banner/badge/button/label/sticker that has been adapted by the blogging world in order to keep blogs neat and consistant. With this page you can create your own RSS styled buttons.
44. Create a Graph
Graphs and charts are great because they communicate information visually. For this reason, graphs are often used in newspapers, magazines and businesses around the world.So,this generator allows you to create different style graphs.
45. XML / SWF Charts
XML/SWF Charts is a simple, yet powerful tool to create attractive charts and graphs from XML data.Create an XML source to describe a chart, then pass it to this tool’s flash file to generate the chart. The XML source can be prepared manually, or generated dynamically using any scripting language (PHP, ASP, CFML, Perl, etc.)
Email Icon Generator allows you to generate your own icon of your own email account.
Email Signature Generator allows designers to create your own widget of their own email and provide the code in three form that is in HTML, UBBC and direct link.
Email Riddler is an online tool that encrypts and transform your email address into a series of numbers when displaying it, making it virtually impossible for spam harvesters to crawl and add your email to their list.
49. Web Form Factory
Web Form Factory is an open source web form generator which automatically generates the necessary backend code to tie your form to a database. By generating the backend code for you, WFF saves you time… time you could spend doing more interesting stuff.
50. PHP FormMail
PHP FormMail is a tool to create ready-to-use web forms in a minutes. It’s Easy + Quick + Free.
51. Website Contact Form Generator
The free Website Contact Form Generator utility enables you to create form-to-email scripts for your ASP, PHP or Perl web site with no programming skills needed. Just follow the steps below to start using your contact form scripts on your website straightaway.
HTML form builder of Wufoo helps you to create contact forms, online surveys, and invitations so you can collect the data, registrations and online payments you need without writing a single line of code.