Blueprint is a CSS Framework method

Blueprint is a CSS Framework “which aims to cut down on your development time. It gives you a solid foundation to build your project on top of, with an easy-to-use grid, sensible typography, useful plugins, and even a stylesheet for printing.”

What does Blueprint have to offer?

• A CSS reset that eliminates the discrepancies across browsers.
• A solid grid that can support the most complex of layouts.
• Typography based on expert principles that predate the web.
• Form styles for great looking user interfaces.
• Print styles for making any webpage ready for paper.
• Plugins for buttons, tabs and sprites.
• Tools, editors, and templates for every step in your workflow.

StyleNeat: Organize CSS Code Online

MakeUseOf has a post on StyleNeat which helps you to Organize CSS Code Online.

“StyleNeat is a simple online CSS organizer that lets you quickly organize CSS code selectors and sub-selectors into a clean, well-formatted code which is easier to define and read.”

11 Useful Tools for Your CSS Files

MakeUseOf has a post on 11 Useful Tools To Check, Clean & Optimize Your CSS File.

“Minimizing the filesize of the CSS stylesheet has been regarded by many as a good way to increase your site loading speed. Indeed, by reducing the CSS file by several kilobytes, the server will take a shorter time to load and result in a faster webpage.”

CSS tables instead of HTML?

Digital Web Magazine – Everything You Know About CSS Is Wrong says that once IE8 is widely used, all tables for web pages can be handled with CSS instead of HTML.

Easy CSS recipe for multi-column lists

» An easy CSS recipe for multi-column lists. from the Synthetic Librarian.

4 Stylish Scripts To Make your Web Look Better on Firefox

4 Stylish Scripts To Make your Web Look Better uses the Stylish Firefox add-on extension and CSS to change the look of standard web sites.  There’s some neat looks in here for Google, Gmail, Last.fm, and MySpace.

Requires Firefox browser.

Top 100 Lists of Web Development Cheat Sheets

VirtualHosting has a list of cheat sheets for web site developers — those quick reference aids to find the exact info you need for CSS or Ajax or lots of other stuff you need.

The Cheat Sheet Cheat Sheet: Top 100 Lists of Web Development Cheat Sheets | Virtual Hosting Blog.

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

[last update 2009.7.17]

“Added Bytes” has a number of handy cheat sheets for programmers.

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.”