Coding Tutorials

Here are tutorials and articles that mainly focus on CSS. For graphics tutorials, see my graphics tutorials site, Himitsu.

Please do not copy any of these tutorials and place them elsewhere. If they help you in any way, crediting is appreciated, though optional. All tutorials open in a new window.

Basics

  • Containing Floats

    Making sure a wrapper contains floated elements properly

  • Image Bullets for Lists

    Putting in your own image bullets instead of relying on defaults

  • IDs vs Classes (coming soon)

    The difference and uses for ids and classes in CSS

  • Simplifying your CSS (coming soon)

    A few tricks to remove duplication in your CSS

Layout Construction

  • Centered Div Layout

    Creating a centered layout completely made of divs

  • Div layout with 3 backgrounds (coming soon)

    Creating a div layout with full body, horizontal, and vertical backgrounds

  • Seamless centered layout with a horizontal background (coming soon)

    Making a centered layout seamlessly blend into a patterned horizontal background