designmarketingadvertising.

com

22/02/2012 05:53

The Best 20+ Online Creative Design Tools Including Awesome HTML & CSS Generators
Patternify CSS Pattern Generator:
A Simple pattern generator, that takes the hassle out of opening up Photoshop, creating an image then uploading/attaching to your site. Patternify basically takes away the need to have an image file, you create your custom pattern which then generates the code to place on your site.

http://www.designmarketingadvertising.com/freetips/web-dev/the-best-20-online-creative-design-tools-including-awesome-html-css-generators

Amazing what you can find online these daysyup yup yup pretty much anything that comes to mind, ya can most certainly find Some of my favorite resources available online are Multimedia, design tools, applications and of course, the awesome HTML and CSS generators! I cant be thankful enough to the lovely folks who take the time and energy in creating these tools for free.coz at the end of the day were all benefiting from ever increasingly easy-to-useless time consuming ways to work, play and therefore give us the breathing space to focus on whats really important, expressing our creative selves.

CSS3 Generator:
CSS3 generator gives you the simple and easy way to create rounded corner, box shadow, background gradients and opacity to implement onto your web design projects. Visually create with the sliders all in one place, once youre satisfied with what youve got, generate the code and place onto your stylesheet.

HTML Table Style Generator:

Style up an HTML table using CSS with this easy breezy table generator. Select from preset color settings or select your own theme with the controls. Once finished the HTML and CSS will be generated.

CSS3 Generator:
Another CSS3 generator, this one gives you a bit more flexibilityaside from the rounded corner, box shadowetc. You also get text shadow, multiple columns, transitions, @ FontFace, selectors, rgba, box sizing, outline and transform.

Love this

PDF?

Add it to your Reading List! 4 joliprint.com/mag

Page 1

designmarketingadvertising.com

22/02/2012 05:53

The Best 20+ Online Creative Design Tools Including Awesome HTML & CSS Generators

CSS 3.0 Maker:

http://www.designmarketingadvertising.com/freetips/web-dev/the-best-20-online-creative-design-tools-including-awesome-html-css-generators

CSS3 Gradient Generator:

Heres another great CSS3 gradient generator.

CSS 3.0 Maker isyes, another CSS3 generator, again giving you much more flexibility creating lovely styles.

Border Radius: CSS Button Generator:

I remember not too long ago, creating buttons on a website required creating images, and sometimes multiple instances of images, which was fine and dandy, except the more image files youve got on your site the slower it becomes to load the page. Thats when the button generator comes in handy. Create beautiful buttons without the need of any images.only the goodness of css code. This generator has one purpose.to create the perfect border radius styles, pure and simple

CSS Sandbox:
This CSS Sandbox pretty much generates everything mentioned above, great UI to work with and my favorite part, generates radial gradients, an addition to CSS3.

Ultimate CSS Gradient Generator:

If you use Photoshop, youll appreciate this. It generates a Photoshop-like editor all in CSSno need for images.

Love this

PDF?

Add it to your Reading List! 4 joliprint.com/mag

Page 2

designmarketingadvertising.com

22/02/2012 05:53

The Best 20+ Online Creative Design Tools Including Awesome HTML & CSS Generators
CSS Warp CSS Text to Path Generator:
I personally love this one! Working with Illustrator for over a decade, i was quite impressed to find a CSS text to path generator. Now you dont need to create rounded or warped text effects using images. Just play around with the curves as you would in Illustrator paths ..and generate it to CSS!
http://www.designmarketingadvertising.com/freetips/web-dev/the-best-20-online-creative-design-tools-including-awesome-html-css-generators

Crunchie Corner Lab:

The Crunchie Corner Lab is a simple tool allowing you to see how a variety of different borders, colors, shadows and radius values affect the display of your fancy CSS3 rounded corners.

Mother Effing Text Shadow:

This one pretty much speaks for itself. Focuses on creating crazy cool 3D text shadow goodness.

LS LayerStyles:
LayerStyles is another Photoshop-like tool that generates custom CSS, in the same way you would add styles to a Photoshop layer.

Iconize Text Links with CSS:

Iconize textlinks provides a CSS file that pretty much generates a little icon next to a link, which identifies what type of link is attached on your website.

Nice and Free CSS Templates:

This one comes in quite handy when youre creating a website. Youve got 12 different template layout styles to choose from, all provide a preview and the basic CSS you can work and expand from.

Mr. Data Converter:

This one is pretty neatif you work with a lot of data, it will convert an Excel sheet into HTML, JSON, XML and other web-friendly formats.

Love this

PDF?

Add it to your Reading List! 4 joliprint.com/mag

Page 3

designmarketingadvertising.com

22/02/2012 05:53

The Best 20+ Online Creative Design Tools Including Awesome HTML & CSS Generators
ProCSSor Advanced CSS Prettifier:
ProCSSor in an advanced tool that prettifies the appearance of your CSS the way you want. An excellent way to turn you CSS into a visually appealing structure and no effort on your part, just copy, paste, attachand procss away!
http://www.designmarketingadvertising.com/freetips/web-dev/the-best-20-online-creative-design-tools-including-awesome-html-css-generators

For more Free Creative Design and Multimedia toolscheck out:

Boxtuffs The Box of free PSD Stuff and HTML5/CSS3 things:

Boxtuffs is a fabulous site proving free PSD, HTML5 and CSS3 goodness!

MochiKit A Lightweight Javascript Library:

MochiKit makes JavaScript suck less its a suite of JavaScript libraries that help get your work done faster and adapt to pretty much anything you place into ita one stop shop for JavaScript goodness.

QuirkTools:
QuirkTools provides online tools for creative people.

Love this

PDF?

Add it to your Reading List! 4 joliprint.com/mag

Page 4