CSS guide

Project Name

CSS Guide

Project Description

The Mozilla Developer Center would like to add a CSS guide to its set of major documents, covering at least the top 100 CSS properties in use on the web today. This data can be obtained through tools . It should include numerous examples, and a fair number of small tutorial/how-to sections for different common tasks or requests from web authors.

Reference: CSS Reference

Project Leader(s)

Sherman Fernandes (sherman)

Mark D'Souza (mdsouza)

Dave Manley (seneManley)

Project Contributor(s)

Paul Yanchun Gu (GU)

NOTE: only Project Leader(s) should add names here. You can’t add your own name to the Contributor list.

Project Details

• Begin by creating a single page template that you can use for all of your work later on.

• Shaver to get data on top CSS properties from Google.

• Research where in the Mozilla code base the CSS properties live, since you'll want to be able to consult that code as you research info about the properties and their use in Firefox. For this you can use http://lxr.mozilla.org

• Once the list is known, divide it between you and work in parallel.

• You should get connected to #devmo on IRC and specifically to dria (she owns MDC) and sheppy (technical writer/dev with Mozilla).

Project News

• Sept 30,2006 (sjfern) - Currently trying to determine which headings i.e CSS property details etc. are the most important and thus should be included in the design of the "single page template". [A sample of the progress will be posted here shortly.]

• Sept 26, 2006 (dave) - I spoke to shaver on the phone today about this project, and he had some suggestions. First, he is going to see if hixie (Ian Hickson) at Google can help us get access to the top 100 CSS properties/etc (see http://code.google.com/webstats/ for another similar project he's done). Shaver also suggested that the best starting point is for you to create a Single Page Template that you'll use to work on all these. This page should include things like: links to W3C standards, example uses, description, data (e.g., legal values, edge cases, etc.) from the Mozilla code, etc. You might want to consult the existing CSS Reference (e.g., the background property), but don't use that as the basis for your template--it is not complete. Once you have the top 100 properties/etc you can divide them up between you and tackle this in parallel.