All of Eric Meyer’s books are the best reference material on the subject.
If you want classes then check out:
The IWA online classes are excellent – Intro to CSS
W3schools
Westciv
here is another great site for CSS:
css.maxdesign.com.au
the tutorials helped make CSS click for me.
I just use Top Style and play till I get it right. 😉
@sushubh,
You say you lack the capacity to learn CSS? Bah! 🙂 You certainly can. I like So-gal’s approach…get some code, and start messing with it.
IF you used Firebird or Mozilla for a browser, you could install an EDIT CSS extension that will load the CSS for a site into a sidebar menu. You can then literally fool around with the CSS, and it will make the changes for you. There’s nothing better than going…”Hmmm, what does THIS do?” and then type in a change. All of a sudden a font goes gigantic or a graphic disappears or the grey background goes a happy pink colour. You can even use this tool for your own site. Open it up in the browser, goof around with the CSS, and if you hit on something that you like, you can COPY/PASTE it into your existing stylesheet, then upload the changes to your web server, hit REFRESH and badda-bing! Your site is now changed.
So, as you can see, a browser can be used for more than just browsing. The Web Developer Toolbar that’s available for FB/Moz is just great. There are so many things you can use to help you figure out problems or mess with the site in non-destructive ways. Anything you change in the EDIT CSS sidebar is per-session only, so you don’t have to worry about making mistakes. Just close the sidebar, reload the page, and try again.
Like anything, CSS is easier with repitition. After a time, your code gets leaner, and your uses and understanding of the coding gets better, and you do more advanced things. “The journey of a thousand miles begins with the first step.”
Craig.
I would highly recommend TopStyle, it’s a great tool that you can learn a lot from. Eric’s books are, of course, great.
NuclearMoose, Where can we find those extensions?
@max–
The Web Developer Toolbar is located at this site.
Enjoy! It’s a GREAT set of tools.
Craig.
Ya, i have used topstyle.
and i never said, i can’t do it. I have done a lot already on my blog. but to generate really good stuff will take enormous more effort and i am going to do that soon. 😉
I make sure that I use TS even when I hand code .CSS. That way the code is valid and will show just about the same in every browser. At least that’s what I have been told. 😉
If any of you are on a MAC topstyle is not available (great tool BTW I love it when I’m on a PC). But he best alternative for us Jobites is CSSEdit check it out.
