Free Website Tools » CSS

Minimalist CSS3 Generator

RankRaiser — Thu, 26 Jan 2012 16:54:05 +0000

Get great functionality through a minimalist interface with this CSS3 generator at CSS3Generator.com. Get help with rounded corners, transitions, box sizing, columns, RGBA and more.

CSS3 Generator

RankRaiser — Thu, 25 Aug 2011 19:39:35 +0000

Using border radius for rounded corners, box and text shadows and other styles is a snap with the CSS3 Generator. Not only does it give you a preview and the option to copy or download the code snippet, it also shows you which browsers and mobile devices your generated code is compatible with. Use this tool also for gradients, CSS Transition, CSS Transform, CSS Animation and @font-face properties.

Online CSS Gradient Generator

RankRaiser — Mon, 01 Nov 2010 16:41:05 +0000

Another free tool by the creator of Colorzilla is the Ultimate CSS Gradient Generator, an online tool that easily lets you create and customize your own designs, or the given presets and will output cross-browser HTML5 / CSS3 gradients (an HTML5 feature) without you having to create images as repeating backgrounds. With the gradient editor control you can add and remove stops, change color and position etc. You can edit the size (great for nav bars and backgrounds) and preview the results and copy and paste the generated CSS into your stylesheet.

Browser Compatibility Charts for HTML 5 and CSS 3

RankRaiser — Tue, 05 Oct 2010 16:07:40 +0000

Confused by which browsers support which features of HTML5 and CSS3? Find Me By IP offers a browser compatibility chart for CSS3 properties and selectors and HTML5 web applications, audio and video codecs and form attributes. Their What’s My IP feature also shows what ‘advanced’ features your own browser supports.

CSS Structure And Rules

RankRaiser — Thu, 02 Sep 2010 17:12:22 +0000

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.

A Tutorial How to Create an Image Gallery in HTML5 and CSS3

RankRaiser — Thu, 19 Aug 2010 16:43:13 +0000

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.

Free Form Style Generator

RankRaiser — Tue, 25 May 2010 17:22:49 +0000

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.

Cascading Style Sheet Optimizer

RankRaiser — Sat, 20 Mar 2010 16:33:38 +0000

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.

CSS Cascading Stylesheets Tip Of The Day

RankRaiser — Wed, 24 Feb 2010 17:54:48 +0000

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.

CSS Formatter And Optimizer

RankRaiser — Tue, 22 Dec 2009 19:21:24 +0000

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.

Free CSS Menu

RankRaiser — Sat, 17 Oct 2009 18:09:54 +0000

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.

Free CSS Generator

RankRaiser — Sat, 17 Oct 2009 18:02:01 +0000

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.

CSS Redundancy Checker

RankRaiser — Sat, 17 Oct 2009 17:16:43 +0000

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.

Fix Annoying IE 6 CSS Bugs

RankRaiser — Sat, 26 Sep 2009 15:43:21 +0000

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.

Free HTML Templates

RankRaiser — Sat, 27 Jun 2009 16:16:01 +0000

Get free html templates free to use for your own websites or your clients’ websites (according to their terms) at templateyes.com. Also offers Flash and CSS templates.

Free CSS Templates

RankRaiser — Fri, 17 Apr 2009 21:19:02 +0000

Well organized site for free CSS templates for your website at TemplateMo.

Best Free Web Building Tutorials

RankRaiser — Thu, 26 Mar 2009 23:56:21 +0000

Learn HTML, PHP, CSS, Learn TCP/IP, XML, DHTML, AJAX, SQL< ASP.NET, Flash, browser scripting or anything else web related with excellent, to-the-point and free tutorials at W3Schools.com.