Tutorials

I hope you will find these tutorials helpful. Please note, the methods I described are the way I do it — I don't claim it's the easiest, most efficient or most correct way.

  • Installing premade templates

    Installing premade templates - HTML/CSS tutorial
    • type: HTML/CSS
    • level: easy

    Premades are not for people who can't use basic HTML. I can give you a few shortcuts that will help you just enough to set up your web site — this tutorial is for the lazy ones.

  • Common layout codes

    Common layout codes - HTML/CSS tutorial
    • type: HTML/CSS
    • level: moderate

    If you're just starting out, you might wonder how to make div or table layouts. Here are some basic codes for you to test and play with.

  • Coding a tableless (CSS) two-column layout

    Coding a tableless (CSS) two-column layout - HTML/CSS tutorial
    • type: HTML/CSS
    • level: advanced

    This tutorial explains how to code a standard fixed-width two-column layout using CSS floating.

  • Image rollover menu

    Image rollover menu - HTML/CSS tutorial
    • type: HTML/CSS
    • level: moderate

    pure CSS image rollover with preloaded images - no JavaScript needed!

  • Basic HTML codes (part 2)

    Basic HTML codes (part 2) - HTML/CSS tutorial
    • type: HTML/CSS
    • level: easy

    The sequel of Basic HTML codes - learn about paragraphs and headings, divs, spans, tables, lists and iframes.

  • Simple rollover menu

    Simple rollover menu - HTML/CSS tutorial
    • type: HTML/CSS
    • level: moderate

    This tutorial teaches the best method to arrange your navigation, and make it look cool as well :)

  • Common misuse of HTML elements

    Common misuse of HTML elements - HTML/CSS tutorial
    • type: HTML/CSS
    • level: moderate

    Have you ever thought about the exact purpose of a tag or attribute you are using? We all take some things for granted, but shouldn't.

  • HTML entities

    HTML entities - HTML/CSS tutorial
    • type: HTML/CSS
    • level: easy

    Here is my choice of 97 characters you can't get easily because they aren't on your keyboard.

  • Classes and ID's in HTML and CSS

    Classes and ID's in HTML and CSS - HTML/CSS tutorial
    • type: HTML/CSS
    • level: moderate

    This tutorial teaches how to use classes and id's in formatting more tags of the same type differently.

  • Useful CSS tricks

    Useful CSS tricks - HTML/CSS tutorial
    • type: HTML/CSS
    • level: easy

    These are some common CSS codes that will make your website look exactly as you want it.



Recommend my Tutorials to your friends!

Commercial license for Photoshop Brushes


If you want to be notified of site updates through E-mail, join the mailing list!


More of my work


Quick links


Follow me on Twitter

Affiliates

In obscuro — Free design resources © 2004-2013 . Terms of use

Back to top