10 Great CSS Resources

CSS TextWrapper CSSTextWrap.com

This web site provides an absolutely free and easy method to create HTML text that can be wrapped around shapes of any type. Make curves or zigzags and then just cut and paste the dynamically-generated code.

Stripe Generator StripeGenerator.com

Easily create your own tiled striped background or Photoshop tiled image with this free CSS tool for FREE. Grab an existing tile and make your own changes or create a brand new striped image of your own.

CSS Menu Generator webmaster-toolkit.com/css-menu-generator.shtml

Create your own dynamic CSS navigation menu for FREE. This web site offers three different customizable styles of navigation menus and generates the code that can be cut and pasted into your web page code.

CSS Grid Builder developer.yahoo.com/yui/grids/builder/

Yahoo offers an excellent way to easily create CSS stylesheets that can be utilized for web site layouts for free. This site lets you customize the layout and then generates the code.

Grid Designer grid.mindplay.dk

This web site allows you to easily design and customize a CSS layout grid including headings, columns, rows, gutters and width - all for free. Export the resulting code into your web pages.

Lorem lorem2.com

Are you tired of trying to find your own "for position only" text? Just copy and paste this lorem ipsum text that comes in four flavors: short paragraphs; long paragraphs; short list items; long list items.

GridFox - The Grid Layout Firefox Extension puidokas.com/portfolio/gridfox/

This extension for the Firefox browser instantly places a CSS grid on top of any web page. Use this free tool to layout your own web pages.

CSS Rounded Box Generator neuroticweb.com/recursos/css-rounded-box/

Using this visual online interface, easily create CSS and HTML code for a rounded box. You can even customize the colors of the box and its background. Just cut and paste the code when you're done.

Typetester typetester.org

This visual interface is a must for web designers. It allows you to see the same text in various fonts and font weights. Choose common fonts or use your own.

Reset CSS meyerweb.com/eric/tools/css/reset/

Because different browsers have their own styles preset, this "reset css" tool comes in very handy. Different margins and paddings are removed and styles should act consistently across various browsers.