HTML and CSS: The Good Parts -- HTML+CSS Links and Goodies

Links & Goodies

See also:

This resource will serve as a full list of all the helper material associated with HTML & CSS: The Good Parts.

I’m still in the process of defining the material that needs to be published, which means that the best I can do for now is leave you with a partial list of the material that will ultimately be linked here. You cannot assume a one-to-one relationship between articles on the site and the items in the following table; some records will ultimately be covered by multiple articles, others by only one, and some might even be conflated into single articles, many at a time.

If you’re especially interested in seeing me address a particular issue apart from HTML5 — even one not listed here — please contact me with your request.

Site Cross-References
Page Coverage
xviii Big Reference Table (BRT)
xviii Links:
xviii Formal definition of the cascade, with a description its application in context
xix Link:
xxi CSS3-derived shininess, in more detail than provided by the book
xxii CSS framework survey
xxii Links:
xxii Opera desktop browser matter (especially with respect to tables)
xxiii Formal introduction to W3C, IETF, ISO, IANA, and Ecma International, as their activities relate to Web development
xxiii Discussion of the (W3C) standards adoption process
xxiii Call for alternative-platform cookbooks with respect to image manipulation
xxiii History of standards and feature evolution — I recall writing this because of the decision to defer a discussion of the history of the Web, so I’m thinking that this matter will grow over time
xxiv Boilerplate matter: two- and three-column templates, form patterns, image galleries [suggestions welcome]
4 The why, how, rhyme, and reason of 404 pages, including a brief Apache ErrorDocument HOWTO
4 Links:
7 Reiteration of the differences between HTML and XHTML
11 Finer discussion of DTDs and declarations — relegate to BRT?
12 Focussed discussion of the CSS3 box-sizing property
12 Links:
13 Link:
16 HTML source that references the lang/xml:lang and hreflang attributes
16 Discussion of the lang/Content-Language value (IANA language tag), with a heavy bias toward the practical
16 Link:
17 Links:
18 More detailed, less ambiguous discussion of progressive enhancement
21 Flash of Unstyled Content
21 Link:
23 Application that introduces stylesheet rules vis a vis elements, without forcing the visitor to learn Firebug
21 Link:
24 Link:
24 An explicit description of the * html and underscore hacks, provided because Chapter 14 goes into far less detail than originally envisioned
29 Discussion of the universal selector
31 More details about the attribute selector
31 Link:
32 Selector priority calculator
32 Link:
36 Print stylesheets overview, including a complete survey of CSS units
41 Compliation of links to the literature of W3C, IETF, et al. that define the various Web-related standards (destinations TBD)
42 Introduction to WCAG 2
46 class vs. id
49 Extended discussion of Firebug, et al., and development tool choices in general
49 Link:
  • Firebug, “the most popular web development too for Firefox”
50 Link:
  • Summary of the KISS Principle, as framed by Filip Hanik for Apache Software Foundation committers — I will attempt to reframe these remarks in terms directly applicable to client side Web development
51 Links:
54 “Normalization for Right-Hemispherics”
55 Exploration of the challenges posed by narrowly restrictive code standards
59 Simple example of a cascade description
60 Links:
  • Japanese rock garden at Wikpedia (the source for the general description of karesansui provided in the book, for better or worse)
  • Gardens, including karesansui, at japan-guide.com
62 Links:
63–64 Gallery of wayfinding layout tropes
64 Breadcrumb cookbook
67 Demo of poor man’s self-link disguise
67 PHP sample code for removing self-links
75 Stepped demo of container expansion with overflow: auto
77 Test suite for min-*/max-* properties
77 Clarification of “scope” as used in penultimate ¶
78 Test suite for overflow values
79 Color keywords (this is the only page in the book on which any are seen)
80 Demonstration of the flush-footer scenario (poorly) described in the second ¶
80 Default display values and margin behavior in the BRT
84 Overview of the usage and results of the display property
85 Re wrangling product standards so that elements in need of display: inline-block values can have them
86 Links:
87 Demo triggering each of the rules described in the material linked immediately above
90 This is the scaffolding of one of the boilerplate items mentioned above
92 Links:
94–95 The boilerplate templates will include stylesheets for all of these three-column layouts
95 Demo that leverages positioning context to skip the intercolumn container
96 Overview of the jQuery CSS3 Grids module
102–106,
&c.
Walk through primary nav layout step-by-step with the full smash of assets (confine the addition of FIR to a different demo)
108 Links:
109 Links:
111 Links:
116 List behavior test suite: a sandbox where users can use Firebug to add and remove style values to lists, list items, and list content
116–117 list-style-type and li type demo
117–118 The discussion of navigation source order included with the introduction of the HTML5 nav element points directly at the links provided with respect to the discussion of HTML4 navigation facility authoring on p. 92
120 Introduction to content and counters
120 Link:
120 Complete implementation of an inline serial list
121 Compare/contrast background-* vs. list-style-image for publishing custom bullets
122–123 This material also references the intended demo associated with pp. 102–106; a deliberate effort will be made in that demo to follow the cookbook steps presented here
126 Dictionary entry markup and styles, contrasting results in Internet Explorer against those in other browsers
128 Dialogue styles, both as originally intended and as typeset in the book
130 The big-and-ugly nature of user-agent-styled headings is addressed by implication in Ch. 12; cf. p. 212
134 Automated link checking tool overview (links TBD)
138 The :hover and :focus pseudoclasses on elements other than hyperlinks
138–139 Demonstrations of various link design patterns, all styled to increase the link footprint beyond the line bos of the content
140 cursor value survey
141 Highlight omission: sub can be made to respect intended leading by assigning it an infinitesimal line-height value, as well, perhaps in tandem with other styles to account for legacy versions of Firefox and Safari
143 Links:
144 Brief discussion of scenarios in which failure to specify compatible color and background-color values causes an entire page presentation to fail gracelessly — along with a counterpoint that addresses spoiler-type info
144 Links:
144–146 Relevant erratum: the identities of additive and subtractive color are incorrectly reversed in the book’s contents. This is significant in light of the titles and content of the articles that lie at the destinations of the following links:
147 Link:
150 Link:
153 Links to material shown as captures in Figure 9-4:
154 Link:
154–157 A walkthrough, with live markup and CSS, of the background composition techniques discussed on these pages
157–159 FIR walktrhough, utilizing the markup and CSS described in the book
160 Link:
164 Link:
165–175 Walkthrough of the table styling process, using the same markup and CSS (give or take errata and a year’s worth of browser updates) as that used in the book
183–184 Links:
185 Link:
186–188 Demonstration of the various file size reduction techniques described in Chapter 11
190 Link:
191 Demonstration in context of the CSS included with Figure 11-6
192 Discussion of caption styling/publication techniques
192 Image preview/gallery templates
193 Demonstration in context of the float behavior described by Figure 11-7
194 Links:
195 Link:
198 Link:
199–201 Links:
203 Links:
204 Monograph about wood-block printing, lithography, and other pre-15th-C. printing technologies
216 Examination of the caveats associated with line-height, especially with respect to maintaining a grid
216 Explicit demonstration of logarithmic (“telescoping”) size decrease/increase via the cascade
218–220 Online specimen book of the fonts named in Table 12-3
223 Demonstration of the results of the values described in Table 12-4
236 white-space value survey
241 Link:
248 Links:
249 Form markup example that includes a file upload control
251 Markup and style examples that include optgroup and other select matter
252–255 Boilerplate markup and styles that encapsulate the design patterns described in Chapter 13
255–256 Example markup and styles for annotating required fields, expanding upon the basic matter in the book
256–257 Form validation demonstration
257 disabled and readonly demonstrations
260 Links:
260 Expansion on the material in the preceding links; translations of WAI-ARIA specifications documents into more comprehensible language, and demonstrations of specific features
266 Relevant erratum: the events described in the first paragraph of the section titled “Browser Wars 2.0” took place during mid-2004, not mid-2005 as stated in the book. Bear this in mind when visiting the following links:
268 Documentation of the * html and underscore filters for IE6, in tandem with a discussion of how to best use them
268 Link:
269 Relevant erratum: like conditional comment parsing, expression() values have been disabled in Internet Explorer 8, when run in “IE8 Standards” mode. Keep this in mind when examining Microsoft’s documentation of expression features:
269 Using the opacity/moz-opacity properties causes the affected elements to violate stacking rules; workarounds are described
270 Links:
271 Link:
272 Links:
273 Link:
274 The assertion “RealNetworks’ player was well on its way to helping pay for a United States Senate seat’ needs to be authoritatively sourced, as all of the links to online substantiation have gone 404. The source is pending, as publication will require an old-fashioned search, retrieval, and clearance process.
281 Link:
282 More details about platform-specific @media values, with special emphasis on contemporary web-enabled smartphones
283 Links:
284 Link:
284 Links:
294 Links (used as sources for Table A-1):
295 Links:
Document created:
Warning: date() [function.date]: It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected 'America/Chicago' for 'CDT/-5.0/DST' instead in /var/www/vhosts/henick.net/htmlcssgoodparts.net/helpers/index.php on line 908
19 February 2010 12:02 AM CST
Document last updated:
Warning: date() [function.date]: It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected 'America/Chicago' for 'CDT/-5.0/DST' instead in /var/www/vhosts/henick.net/htmlcssgoodparts.net/helpers/index.php on line 909
8 April 2011 2:44 PM CDT

Warning: date() [function.date]: It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected 'America/Chicago' for 'CDT/-5.0/DST' instead in /var/www/vhosts/henick.net/htmlcssgoodparts.net/footer.php on line 7