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.

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

  • 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 Template Tutorial – Right column links

    September 16, 2007 / 3 Comments

    The tutorial is almost over and the template is almost finished. In this part I will show you how to create the simple navigation which is on the right column in the design preview.

  • CSS Template Tutorial – Coding post content

    September 16, 2007 / 7 Comments

    In this part we will code the article background and the comments button. For the design we are using for the tutorial the content on the left is a post in wordpress.

  • CSS Template Tutorial – Column floating

    September 16, 2007 / 5 Comments

    In this part I will basically set up the left and right columns so they are ready to add the content to. This is the basic structuring of our template.


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