This is the second post in what will be an ongoing series.
CSS (or Cascading Style Sheets) is a wonderful thing to learn if you want to make attractive websites. There are endless books, videos, and blog posts about the topic.
But who should you listen to? There are so many voices out there that finding solid sources of information can be very frustrating. This is why I will be doing small posts about the people that I have been recommending to my students for years.
When I was teaching myself about CSS (Cascading Style Sheets), I was stumped for where to begin. Nowadays there are many fine resources for new users, but at the time I was doing this there were not that many and there was no one clear place to start. I am one of the odd ducks that can learn software and related topics from books. I will do searches and play in the software once I get going, but I usually will grab a decent book at read for a few days first.
Where to begin?
First I show people why they would take the time and spend the energy to learn a new language (it’s really just like picking up Spanish or French, only it’s much harder to pick up someone in a bar). The fastest way to do this is to go to CSS Zen Garden. Once they are shown that the basic HTML content is not allowed to change I let them play with loading different designs. If you have not seen this site go now (really – now).
Next…
I have people go to CSShark. This site has been around for ages and is a nice easy intro to CSS.
and
Last but not least I get to Eric (were you wondering why a post about Eric didn’t mention him for the last half page?). The way I see it, there are many fine people on the CSS Gods hierarchy – but all of them at one point reference Eric Meyer.
He has many good books available and they are all worth getting – to start I show people his 2002 book “Eric Meyer on CSS”. It has good, clear explanations for why you are doing things and enough graphics to keep you on track. My favorite thing is that you don’t have to worry about him turning around and saying “oops, sorry that doesn’t work – I should have tested that”.
I have other books that I really like for CSS but I can always find value in the “meyer on css’ books. Yes books, plural.
So… If you want to pick up a new web skill and are not sure where to turn, take my word for it – you can never go wrong listening to Eric Meyer when it comes to CSS!
Bless you Bruno!
I only this week stumbled upon your page with stunning numbers of tests/experiments in css.
THIS IS IT
Thank you!
Here are several links on a wonderful feature of CSS3. If you have not had a chance to look at Media Queries and you are either a CSS person or might be making mobile content, check it out.
There is a new one at Project Seven you should check out.
http://www.projectseven.com/products/templates/pagepacks/mirage/index.htm
If you write CSS and don’t know what I mean by that, click the link below.
If you do know what I mean by that, click the link below.
If you are learning about CSS and are up for some detailed info… you get the idea.
http://msdn.microsoft.com/en-us/scriptjunkie/gg257960.aspx
So… what is a CSS reset? Well are you familiar with the idea that each browser renders web page content differently? Good. So as a designer, one of the things you can do to not spend quite so much time pulling your hair out is to ask the browsers to turn off many of the things that make them different before they load our design. The articel on Script Junkie shows the tops CSS resets (I’m pretty much an Eric Meyer stalker so you can guess which I use). It is worth the read.
Are you curious about CSS? Are you daunted by the idea of setting up a page just to see what “repeat-x” does?
W3Schools.com have the site you need! Try the “Try it yourself buttons” on the CSS Backgrounds page for example.
For my beginning CSS students I always share the link for the CSShark (mako4css.com).
It has a really clear intro to css section.
However…
In playing with my advanced Dreamweaver class today I rediscovered the wonderful extras that Max Design offers.
You can find them on listamatic.
If you want to take your css knowledge a bit further, check this out!
http://css.maxdesign.com.au/selectutorial/
.. read this basic css margin article – it covers some form specific details that are excellent.
read me