Clean CSS for web site development

Clean CSS is a “powerful CSS optimizer and formatter. Basically, it takes your CSS code and makes it cleaner and more concise.”

The story behind it states “The CSS optimizer was originally developed by some awesome dudes over at CSS Tidy. They built the program and have made it free for everyone to use. I stumbled across their optimizer one day while looking for help with my CSS. I wanted to know the shortest way I could style a background of a web site without having to use all the “background-image” and “background-repeat” tags. I found some other optimizers which I tried, but none worked as well as CSS Tidy. It was actually hosted on some random CD Burning website. Why? I have no idea. But after I posted about it on my blog, I noticed that a week later, the site no longer existed. I was bummed because I was trying to show my fellow designers at work this amazing utility. So I took the liberty and installed CSS Tidy on my own webserver and registerd cleancss.com. I also styled it up to my liking (see the grass green colors?). So now I can make sure this kick-ass CSS utility stays up forever. And gets used by web designers everywhere.”

Well, thanks for doing it.  Anything that makes CSS better is good.

CSSTextWrap warps your text the way you want to

MakeUseOf has an item on CSSTextWrap which can “easily generate HTML text wraps for any imaginable shape. It can be circles, zig-zags, triangles or whatever you want. Quick and simple-to-use, just load the logo (optional) on the provided dashboard and drag sidelines to define your text wrap.”

CSSTextWrap can “Use one of the three methods to export generated wrap code to your web page: 1. Bundled HTML/CSS code, 2. HTML code with separate stylesheet, 3. Javascript (requires Javascript).

Absolutely free: No signup or email required.

A WYSIWYG editor for CSS, at last!

Astyle is a CSS editor that lets you see the results of your changes in CSS immediately, side by side with the relevant code.

Sometimes it pays to have two views of something!

“Astyle CSS editor is absolutely FREE software product. No adware, no spyware, no malware. You may use it free of charge for an unlimited time.”

Making a tabbed web site with TabGenerator

MakeUseOf has a review of TabGenerator, which is an online tab maker that lets you quickly create stylish tabs for your website. Simply set desired tab parameters, preview it, and when you’re satisfied download it to your PC for use in your stylesheets.

You can do a lot of customization for your tabs, then save them as a PNG format file.

Free!

Cheat Sheet: CSS (and Jack Daniels?)

“I Love Jack Daniels” has a number of handy cheat sheets for programmers. There is no apparent requirement to share the same taste in drinks just to use the cheat sheet, however.

CSS Cheat Sheet

Posted in Cheat Sheets, April 30, 2005

“A quick reference guide for CSS, listing selector syntax, properties, units and other useful bits of information. Now also in PDF format.”

Rounded Corners on your web page

CSS is getting more specialized all the time!

Now there’s a site called RoundedCornr just for generating the CSS to create rounded corners.

“This generates a basic box with rounded corners. It will create four image files and the necessary HTML and CSS code for you to put rounded corners around your content.

Make sure the background color is the same as the background color of your Web page.”

CSSplay for tips on CSS

Stu Nicholls blogs about Cascading Style Sheets at CSSplay.

“I have created this site in the hope that it will help newcomers to CSS and show old hands that it is more than just a mechanism for styling your documents. It is oh so much more.

Because CSSplay deals with experimental CSS that is exactly what you get JUST CSS, no javascript or any other programming language has been used in any of the demonstrations. For javascript demonstrations please click the javascript link in the main navigation bar which will take you to my other site which is dedicated to demonstrations using CSS and minimal, unobtrusive, javascript.”