CSS links

From EduTech Wiki
Jump to: navigation, search

1 Definition

This page contains links for CSS. So far, it is just a quick copy/paste from my old http://tecfa.unige.ch/guides/css/pointers.html So far it only got links. Some of these may be broken ... -

See also:

2 Tools / Software

2.1 On-line validation tools

2.2 Editors

2.3 Browser plugins and Bookmarklets

  • CSS validator Michel Langley's Firefox add-on (sends the page to the W3C validator).
  • XRAY is a bookmarklet for IE, Mozilla/Firefox and Safari. Use it to see the box model for any element on any Web page.

2.4 Online utilities

Tools that add browser-specific code to not yet standardized CSS (i.e. all the fancy CSS3 you would use for HTML5)

3 Specifications

When you are in doubt proceed first with an on-line validation, then check compatibility charts (see below). You also can consult the CSS-compatible browser list at W3C.

  • Cascading Style Sheets, level 1 (W3C Recommendation 17 Dec 1996, works in all browsers in principle)
  • Cascading Style Sheets, level 2 (W3C Recommendation 12-May-1998, revised 11 April 2008 as CSS 2.1)
  • Overview of current work. So-called CSS 3 is in fact a long series of modular specifications. Some of these are almost finalised, and some features are already implemented in modern browsers like FF 3.5, Opera, etc. (09:30, 10 September 2009 (UTC)).

3.1 Tests

4 Manuals, short references and implementation charts

4.1 Manuals

4.2 CSS cheatsheets

Overviews and cheat sheets

4.3 Compatibility charts

5 General Tutorials

(see also the Links section, maybe looking at examples will get you there faster !)

6 Page Layout tutorials

Design without tables, CSS Positioning, etc.

7 Compatibility issues and Quirks modes

About quirks modes
About IE bug-related hacks

8 CSS with XML

9 Client-side style-sheets

10 Font compatibilty

11 Examples

(Code you can copy)

12 Link collections

  • CSS Page at W3C, see also
  • CCVault This site has a nice gallery and various good links to other resources (tutorials and examples that are worth a visit).
  • css/Edge. This is another good site for advanced CSS: "The goal here is to find ways to make CSS live up to its fullest potential, with only minimal regard to browser limitations" (own examples good pointers)
  • Position is Everything Quote: "we're Big John and Holly Bergevin, and together we built this site to explain some obtuse CSS bugs in modern browsers, provide demo examples of interesting CSS behaviors, and show how to 'make it work' without using tables for layout purposes."
  • CSS Layout Techniques: for Fun and Profit, CSS notes for the Eric Costello's Glish.com
  • House of Style Tutorials and Guides (also sell the Style Master software)
  • DHTML Links (good CSS pointers)
  • Cascading Style Sheets (good list of links at WebReference.com)
  • Web Content Articles at Apple's Developper connection has some CSS articles and Safari information