CSS tutorials

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. Recently the popularity of javascript frameworks has really increased, especially jQuery. You will also find various tutorials which will include CSS and jQuery in experimental and new ways.

  • CSS Poker Cards

    September 3, 2010 / No Comments

    Not really a tutorial but I developed some really simple cards. They are perfect for describing a poker hand or anything else involving cards. Check them out at the following link. Let me know if you encounter any problems or what to request anything.

  • jQuery Enhanced CSS Navigation

    July 4, 2010 / 3 Comments

    In this tutorial we will combine jQuery and CSS to create a nice tab style navigation. The basic effect we are creating is when you hover over a tab it raises up using jQuery.

  • 13 Awesome CSS and jQuery Navigations for Free

    February 13, 2010 / 17 Comments

    Today I have been experimenting with adding jQuery effects to navigations and links to create some pretty nice interfaces. I have written a brief description for each and include a download.

  • Top 10 Tips for Selling Templates On Themeforest

    May 9, 2009 / 5 Comments

    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.

  • Jquery Ajax Contact Form in Facebox

    May 3, 2009 / 35 Comments

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

  • Top 7 link and text effects using javascript/css

    April 20, 2009 / 17 Comments

    In this article I will run through my favourite ways of enhancing links and text on your website using Javascript and CSS.

  • CSS and Jquery – Creating an Image Slider

    April 17, 2009 / 16 Comments

    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.

  • CSS Template Tutorials – Coding the Basics

    July 20, 2008 / 8 Comments

    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 Template Tutorial – Finishing Off

    September 16, 2007 / 34 Comments

    I will show you in this part how to finish the template off with a footer and just make our coding a little neater.


CSS tutorials

Want to learn CSS fast?

Sick of reading tutorial after tutorial? Just want to learn CSS quickly and simply? Why not try lynda css screencast tutorials. You can learn everything you need to know about CSS in one place. The website is a great learning resource for all languages, CSS included. Why not check the website out for more details.


Awake is an amazing wordpress theme with over 30 unique style variations. Its our star buy at only $42!

Wordpress Themes

Other Websites

CSS Books