This presentation at SXSW Interactive of CSS: Between the Style Sheets contains the slides used by Tantek Celik in his talk at that conference. They are concise and to the point, a good summation of writing web pages with style sheets.
Category: CSS
Hiding CSS from the browsers
centricle : css filters (css hacks) The Project Seven tutorial mentioned below uses one of these CSS filters to hide styles from Netscape 4. I’m not sure ‘hacks’ is the best term for them, because they use CSS rules to overcome the often conflicting standards implementation of browsers. A useful compilation.
Project Seven Outdoes Even Itself
PVII Tutorials- CSS Menus: Uberlink List Menu Project Seven Deveopment, lead by Al Sparber, has a tutorial on CSS link rollovers using lists that is so outstanding a tutorial I don’t even know an adjective grand enough to describe it. A+ work!
Great CSS demo pages
css Zen Garden: The Beauty in CSS Design takes one page and transforms it into five diverse and beautiful pages using CSS. The HTML and CSS for each page are available for download and study. A very impressive demonstration of the power of CSS!
The Master Grid is Dead. Long Live the CSS Support Charts!
CSS Support Charts The much loved Master Grid of CSS and various browser support for it has gone away. But Netscape devedge to the rescue with the same info restored to its full glory. Browser support for CSS specification and some CSS 2 specs.
Tip: Crucial CSS Concepts Lecture Notes
Here’s a very sketchy outline of notes on the basic concepts of CSS that need to be understood before getting into the details about applying specific styles to selectors and classes.
- The box model. Padding, borders, margins, colors, backgrounds, display and placement can be manipulated for every element: words, paragraphs, images, divs, body, tables. Understanding the box model is essential to understanding what can be accomplished with CSS.
- The Cascade. Proximity and importance affect results.
- Multiple style sheets. Know when to use linked vs. imported style sheets, as well as how to write style sheets for different media (such as print).
Refer to Eric A Meyer’s Cascading Style Sheets: The Definitive Guide for more about all these concepts.
New CSS Resource Site
/* Position Is Everything */ Big John, one of the most helpful CSS gurus around, has a new CSS resource page. Lots of good stuff there, but be sure to check out his great demos on Three Column Stretch and Source Ordered Columns.