Learning CSS

Webdev

The best way to learn something is by doing. Here is what I find useful for learning CSS:

  1. Get Firefox if you don’t already have it.
  2. Install the free Web Developer Extension.
  3. Go surf to any site you like and click on “Edit CSS” in the CSS menu of the web developer expension.
  4. This will open up a sidebar that displays the CSS used in the page you are looking at.
  5. Now the neat thing is that you can edit the CSS code in the sidebar and see the changes in real-time on the page, so called “live editing”. Very, very cool. And very, very useful in my opinion to get an handle on CSS, which can sometimes look quite intimidating.
  6. The extension has lots of other useful features to give you all kinds of information about the site you are viewing.