Free Website Tools
Free Website Tools

A compact cheat sheet on CSS structure and rules can be found at HTMLhelp.com. Find cascading rules, including author’s versus website readers stylesheet rules and specificity. It also has a quick run-down on pseudo-classes and pseudo elements and basic syntax rules like grouping of ID and class selectors and declarations and inheritance.

There are many ways to create an image gallery and almost all of them include programming. However, there is a way to create an image gallery in HTML5 and CSS3 and it is described in details by Lostcore.es. Follow the instructions in the tutorial and you will have a cool image gallery.

If you need to generate forms for your website, try Form Style Generator. You can customize background color and gradient style, border, text, labels and mouse events. Once you’ve entered the required data, it generates a CSS style you can use right away. Additionally, you get an image in .PNG format.

A CSS file can get huge, often only because it hasn’t been optimized. If you want to avoid this on your website, the CSS optimizer at FlumpCakes. This isn’t just a white space remover; this tools takes in a CSS file, and parses and outputs a leaner version, removing any redundancies and attributes which are not needed. Warning: this tool also removes comments.

About.com offers some great guides on website related topics and one of them is their section on CSS or Cascading Style Sheets written by Jennifer Kyrnin. If you’re just starting out, still using the font tag, or are confused about the box model or wonder about how to best use divs, sign up for the free Cascading Stylesheet Tip Of The Day. Getting all the info in little snippets of precise information makes it easier to learn about such a complex topic as CSS. You can unsubscribe anytime and won’t get spammed.

This optimizer is a useful free tool for cleaning up your CSS stylesheets. It automatically combines and merges same selectors and properties and lets you customize the output’s font weight, colors and remove unnecessary backslashes. It also gives you the option to merge shorthand properties. CleanCSS does not correct errors however and it is recommended that you run your code through the W3C Validator first.

Menus are one of the most important components of any site and can be a lot of work to create. However, when you can get a beautiful and simple menu like the one from CSSTea for free, you can save yourself a lot of time. This menu bar comes designed in four different colors.

There are free website templates and free theme generators, but if you’d like to start from scratch and need help with CSS, this free CSS-generator might be useful to you. The site also offers lots of free CSS tips for those who are just starting out. You can use CAA generator online, or download it. If you’re already familiar with CSS, you can use the generator to do the main work for you and then fine tune it afterward.

When you make changes to your website’s HTML files, it’s easy to forget to make the necessary changes in the CSS files as well. As a result, over time your CSS files become cluttered with CSS selectors you don’t use. While it usually doesn’t affect your website if your CSS contains unused files, it makes it easier to work with it and add to it when it’s nicely organized. If you want to clean up your CSS, the CSS checker at ImMike can help.

Plenty of people out there are still using IE 6 to browse the web. If you care to create a site that’s viewable by ‘all’ CSS-tricks.com has plenty of fixes for Internet Explorer besides a wealth of info on everything CSS.