First discovered by web-designer Richard Rutter, one CSS Rule immediately outshone all its other little children, and until this day, reigns Big Dog
The Elements
of
Typographic Style
Applied
to the
Web
link to another world...
First discovered by web-designer Richard Rutter, one CSS Rule immediately outshone all its other little children, and until this day, reigns as Big Dog.
The 100% Rule provided a Universal solution to an unbreakable constraint
(What do you think the fortune cookie said?).
Like a curse from the gods, the original CSS stars, far more prolific, yet FAR MORE SOPORIFIC, redoubled their efforts in service to the WC3 for a penultimate honor: to touch a garment of Sir Tim-Whatshisname (whom with another invented the Internet).
But Richard's kryptonite came on like a virus, and stayed around as a cure.
*Eric Meyer reset your CSS, but it was his mom who was a fan of her self-cleaning oven.
The results, the difference:
Comfort food for an uncomfortable world.orboxes, where there once was just a table.
(29) - mrjyn
3.30.19
Table of Contents
- Front cover
- Introduction
2Rhythm & Proportion
2.1Horizontal Motion
2.1.1 Define the word space to suit the size and natural letterfit of the font
2.1.2 Choose a comfortable measure
2.1.3 Set ragged if ragged setting suits the text and page
2.1.4 Use a single word space between sentences
2.1.5 Add little or no space within strings of initials
2.1.6 Letterspace all strings of capitals and small caps, and all long strings of digits
2.1.7 Don’t letterspace the lower case without a reason
2.1.8 Kern consistently and modestly or not at all
2.1.9 Don’t alter the widths or shapes of letters without cause
2.1.10 Don’t stretch the space until it breaks
2.2Vertical Motion
2.3Blocks & Paragraphs
2.4Etiquette of Hyphenation & Pagination
2.4.1 At hyphenated line-ends, leave at least two characters behind and take at least three forward
2.4.3 Avoid more than three consecutive hyphenated lines
2.4.5 Hyphenate according to the conventions of the language
2.4.6 Link short numerical and mathematical expressions with hard spaces
2.4.8 Never begin a page with the last line of a multi-line paragraph
3Harmony & Counterpoint
3.1Size
3.2Numerals, Capitals & Small Caps
Reference
Note
******************
Fluid Images · A List Apart Article
the robot walks
Daniel is roused by a rooster on the forecastledeck† that is
growing certain it’s not just imagining that light in the eastern
sky. Unfortunately the eastern sky is off to port this morning.
Yesterday it was starboard. Minerva has been sailing up and down
the New England coast for the better part of a fortnight, trying
to catch a wind that will decisively take her out into deep
water, or “off soundings,” as they say. They are probably not
more than fifty miles away from Boston.
growing certain it’s not just imagining that light in the eastern
sky. Unfortunately the eastern sky is off to port this morning.
Yesterday it was starboard. Minerva has been sailing up and down
the New England coast for the better part of a fortnight, trying
to catch a wind that will decisively take her out into deep
water, or “off soundings,” as they say. They are probably not
more than fifty miles away from Boston.
† The forecastle deck is the short deck that, towards the ship’s
bow, is built above the upper deck.
link to another world...
First discovered by designer Richard Rutter, one rule immediately
provides an incredible constraint, like the curse of gods or
cryptonite.
provides an incredible constraint, like the curse of gods or
cryptonite.
This website is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License.
It was created and is maintained by Richard Rutter. Please feel free to contribute by forking it on GitHub.
It was created and is maintained by Richard Rutter. Please feel free to contribute by forking it on GitHub.
