Frontend Engineering, Volume II

CSS: Chapter 5 Companion—More Properties

© 2013, Martin Rinehart


Chrome:
Four divs, borders varying, each side.

Firefox:
Four divs, borders varying, each side.

The above screenshots are from Example 5c on border properties. This is an example of the surprisingly large differences between browsers. These two used the same HTML/CSS page.

CSS 2.1 Properties' Standard (W3C Recommendation)

We wouldn't work without this one open: http://www.w3.org/TR/CSS21/propidx.html.

History of the W3C CSS Working Group

What is the CSS WG? "Cascading Style Sheets (CSS) Working Group Charter" (note—"End date: 30 Sep 2013"): http://www.w3.org/2010/09/CSSWG/charter.

Who is the CSS WG? Mar 2013 Membership: http://www.w3.org/Style/CSS/members.en.php3.

In the beginning, "The WG was called 'CSS & FP WG' from 1997 to 2000." ( "Style Activity Statement"): http://www.w3.org/Style/Activity 2013-11-07.

Beginning, from Tantek Çelik, a long time CSS WG participant, "CSS 2.1 and CSS3 Color become W3C Recommendations - A Few Open Web Standards Practices Learned": http://tantek.com/2011/160/b1/css-2-1-css3-w3c-open-web-standards-practices-learned 2011-06-09.

CSS2 press release from: Cascading Style Sheets and Formatting Properties (CSS&FP) Working Group: http://www.w3.org/Press/CSS2 4 Nov., 1997.

Frustration boils over, middle of the CSS 2.1 turmoil "The CSS working group is irrelevant": http://ln.hixie.ch/?start=1181118077&count=1 6/6/2007.

It may not have been fast, but the "W3C CSS WG Blog" happened: http://www.w3.org/blog/CSS/ .

"An Inside View of the CSS Working Group at W3C" six blog posts from fantasai (Elika J. Etemad): http://fantasai.inkedblade.net/weblog/2011/inside-csswg/ 2011-11-02.

Who is, and can we believe fantasai? Conference session with fantasai and Tab Atkins "Agile Standardization within the W3C Process at W3C's 2011 Technical Plenary": http://www.w3.org/wiki/TPAC2011/Agile_Standardization 2011.

Official W3C "The CSS Recommendation Track": http://www.w3.org/blog/CSS/2007/11/01/css_recommendation_track/ 2007-11-01.

"CSS current work & how to participate" (official status, all modules): http://www.w3.org/Style/CSS/current-work.en.html.

Aural Properties

The standard covers these in Appendix A: http://www.w3.org/TR/CSS21/aural.html.

This is a condensed summary: http://www.tutorialspoint.com/css/css_aural_media.htm.

The CSS3 "speech" media replaces (and changes!) CSS 2.1 "aural" media: http://www.css3.info/preview/speech/.

Background Properties

These are specified with exceptional clarity in the standard: http://www.w3.org/TR/CSS21/colors.html#propdef-background.

Border Properties

For a quick summary (if you can't remember every border style, for example): http://www.w3schools.com/css/css_border.asp.

Text Properties

The color property: http://www.impressivewebs.com/css-color-property/.

Choosing line-height units: http://maccg.com/2014/04/line-height/.

Choosing optimal line-height: http://www.pearsonified.com/2011/12/golden-ratio-typography.php.


Feedback: MartinRinehart at gmail dot com

# # #