CSS Design - Want some examples, sources and tutorials ?

Monday, March 13th, 2006

One day, a friend of mine give me some links. Some examples and sources of CSS styles…

CSS Zen Garden
A demonstration of what can be accomplished visually through CSS-based design. Select any style sheet from the list, see it on page and download HTML or CSS file There are about 220 designs from categories like: 2 Column, Disconected, Garden and Floral, Blue and Gray.
If you want, you can see them all on this page

Mezzoblue
Advanced tutorials and tips on working with CSS. CSS Zen Garten is a part of Mezzoblue..

CSS Play
Experiments with Cascading Style Sheets.. And what it says is true. So many examples with an tutorial, how and why was it done as it was.. Categories like menues, layouts, boxes.. all tested for IE, Mozilla.. A must see for you all who want to design nice menues, with some interactions and eye catch ;)

AddThis Feed Button

This is some text prior to the author information. You can change this text from the admin section of WP-Gravatar  To change this standard text, you have to enter some information about your self in the Dashboard -> Users -> Your Profile box. Read more from this author


tagged under:

ABOUT THIS AUTHOR

Get a Trackback link

2 Comments


  1. Yeta
    Visit Site
    June 29th, 2007

    can you post more examples, please?


  2. Tomatko
    Visit Site
    July 4th, 2007

    First.. i’m sorry, that i’m writting so late.. well, the upper examples where the most used, but i found also something, that may interest you:

    A school about CSS also with examples (in menu choose CSS examples - great resources)
    http://www.w3schools.com/css/default.asp

    A site, that is dedicatated to menues, tutorials, rollovers and so.. really easy to understand with code:
    http://css.maxdesign.com.au/

    A CSS reference sheet can be found there: (a must look)
    http://www.tizag.com/cssT/reference.php

    A really great article with so many links to other stuff and tutorials:
    http://www.smashingmagazine.com/2006/10/25/css-techniques-tutorials-layouts/

    Hope, it will help :) There are so many webpages, that you can search.. :)

Live Preview

Leave a comment

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="">

This site is using OpenAvatar based on
Images is enhanced with WordPress Lightbox JS by Zeo