A Compiled Resource for CSS Starters

By reading this compiled resource, I assume that you’ve known how to generate/make web contents - be it a blog on Wordpress or Blogspot, or any websites at all, as long as it has content in HTML or XHTML-type documents. Some might think that learning CSS alone will give them power to create beautiful websites. In fact, Cascading Style Sheets (CSS) is only a simple mechanism for us to add styles to Web documents. It is merely something applied to beautify your web pages. Without learning how to create the web document (content) first, there’s nothing for you to beautify. Simple as that :)

To start off, any beginners who’re seriously interested in CSS should start with CSS lessons at w3Schools. After all, a good foundation will help you go a long way!

After you’ve mastered the basics, you could now start sketching your layout. Decide which type of layout you wanna develop your blog/website into. 2 columns, 3 columns (as 5xmom likes it best), with or without header and footer, fluid or static, etc. Try these repository of ready-made CSS layouts. (codes included!)

- CSS Layouts at Glish
- Bluerobot CSS Layouts
- CSS Pages Layouts at Max Design
- A step-by-step chronology of creating a CSS layout.
- CSS layout creator - It creates layout for you in a few clicks of options.

Reason why I suggest you guys of using these layout resources is that it saves you time and you can start on its content right-away. Unless you’re creating a website that is really out-of-the-ordinary unique, or you’ve some really fresh new layout idea of your own, most of the websites out there today would just stick to the standard 2 or 3 columns layout.

At this point, you could jump straight CSS tricks and magics. Pixel2Life CSS tutorials has tons of tips and tricks on CSS, with easy-to-follow tutorials for you to learn how to create those wonderful CSS-based designs. You could make use of Max Design’s tutorials to make yourself some CSS-based lists, floating images, and selectors.

That should be enough to help you with your CSS adventure.

I’ve also found a couple of nice resources compiled for you guys at websitetips.com and w3.org. They have everything from head to toe of what you need to know about CSS.


Technorati Tags , ,

11 Comments »

  1. avatar JoeC Says:

    hey, thanks for the css A-Z guide, i think it is something we can do to becreative in our blog layout. thanks.

    you’ve been tagged. cheers.

  2. avatar Jacky Says:

    Nice resources. There are really a lot to learn in CSS.

  3. avatar tomas de aquino Says:

    Is it also a CSS error that is causing your search box not to work in IE?

    (am still waiting fot the theme release)

    Cheers!

  4. avatar Alex Says:

    Thanks for pointing that out. Positioning of the searchbox was messed up. Fixed it! :)

  5. avatar LcF Says:

    thanks for the list

  6. avatar GeminiGeek Says:

    hmm… nice list… really helpful for my theme developement.. thx :)

  7. avatar Alex Says:

    Jacky, JoeC, LcF, GeminiGeek: My pleasure! :)

  8. avatar xblog Says:

    Wow..cool list-out. Good Job. Keep it up.

  9. avatar tomas de aquino Says:

    [ comments removed ]

    Admin: Yes, it will. Do not attempt to do that, please. Thanks :)

  10. avatar Che-Cheh Says:

    Hey Thanks for the list of CSS resources!

  11. avatar Alex Says:

    Xblog, Che-Cheh: No problem :)

RSS feed for comments on this post. TrackBack URL

Leave a comment