Free CSS Tutorials

Below are free css tutorials which you can learn CSS from. The tutorials vary from “What is CSS?” to more advanced CSS techniques such as using clearing divs. The complete guide to coding a website in CSS is also available in this section of the website.

There is also an interesting article on CSS Short Hands at Web hosting Search. It might be good for those of you just starting out with this style sheet language.

top-10-tips-for-selling-templates-on-themeforest

Top 10 Tips for Selling Templates On Themeforest

To kick off the celebration of themeforest today im going to give my advice/tips on getting your templates onto themeforest and making the most sales possible. I hope you like the article and check out themeforest as there will be plenty more themeforest related articles coming later on this month.

jquery-ajax-contact-form-in-facebox

Jquery Ajax Contact Form in Facebox

In this tutorial I will run through how to set up an awesome ajax contact form with validation which loads in facebox to mimic the get satisfaction feedback you may see on the side of some websites these days. I developed this using various other resources on the internet for a recent template for themeforest. You can view it in action on its listing on themeforest. I will also include a little bit about using position relative and how to get around internet explorers problems with it.

top-7-link-and-text-effects-using-javascriptcss

Top 7 link and text effects using javascript/css

In this article I will run through my favourite ways of enhancing links and text on your website using Javascript and CSS. I don’t recommend the use of these all the time. Only on small website in certain scenarios are they appropriate due to slowing down the speed of your website and often many have accessibility issues. Having said that they are very cool and I hope your like them. If you have any others you would like to suggest please post a comment and I will add it to the list.

css-and-jquery-creating-an-image-slider

CSS and Jquery - Creating an Image Slider

Welcome to my first CSS tutorial in a long time. I’ve been working on various other projects and university work recently but want to get back to being as active as possible on the site. In this tutorial I am actually going to be explaining how to do something which I created for one of my other projects. Basically you are going to create a jquery effect. When a holder is hovered over the top image slides down to reveal the image underneath. I will also explain how to use position absolute to float an image in the top right to show the image is new.

css-template-tutorials-coding-the-basics

CSS Template Tutorials - Coding the Basics

The part of the tutorial will code the very basic things. It will use CSS to define the main holding div and style the text and links for the template. CSS code must be added between <style> and </style> in head section of webpage.

Setting up page properties

 Page 1 of 6  1  2  3  4  5 » ...  Last » 

Latest Free CSS Templates

Latest Budget Template

Follow on Twitter!


Support Us!

TOP.ORG - Topsites

WooThemes - Premium WordPress Themes Club

DreamTemplate - Web Templates

Looking for high quality templates?
If you are looking for high quality wordpress and joomla themes check out the budget templates section.