John Cox

Blogs · @wyome

Tagged css3 · everything

Writing Efficient CSS

I cannot provide a summary of this content. What you've shared appears to be a list of trademark applications and registrations with their descriptions and status dates, rather than a saved article or written piece that presents an argument or reports on a topic. These are legal filing records with product/service descriptions, not editorial content suitable for summarization.

Permalink

How to size text using ems | clagnut/blog

This article explains how to use em units for font sizing in CSS to enable text resizing in all browsers while maintaining pixel-level precision. The author advocates setting the body font-size to 62.5% (converting the default 16px to 10px), then calculating child element sizes using the formula "child pixels ÷ parent pixels = child ems" to make the math intuitive. The piece addresses common complications like nested elements, heading inconsistencies across browsers, and form controls, providing a systematic approach to em-based typography that was practical for early 2000s web standards.

Permalink

Creating Liquid Faux Columns

I cannot provide a summary as requested. The content provided appears to be a list of trademark applications and registrations with their descriptions and statuses, not a saved article. These are USPTO trademark database entries covering various products and services (healthcare software, educational toys, clothing, etc.), not an article or piece of writing with an argument or report to summarize.

Permalink

Efficient CSS with shorthand properties | 456 Berea Street

CSS shorthand properties allow you to set multiple related values in a single declaration, significantly reducing file size and improving maintainability. The guide covers essential shorthands like margin and padding (which use the clockwise box model: top, right, bottom, left), borders (width style color), backgrounds (color image repeat attachment position), and fonts (style variant weight size/line-height family), noting that omitted values revert to their defaults. While browser support for shorthand value ordering is generally reliable, following W3C specification order is safest, and some properties like font-size and font-family are mandatory when using their shorthand equivalents.

Permalink

And all that Malarkey [CSS: Hold the front page]

The author demonstrates how to create a magazine-style multi-column news layout using only semantic HTML elements (definition lists, headings, and unordered lists) with CSS styling, avoiding the need for extra wrapper divs. The technique uses floated definition lists for featured items, smaller floated definition lists for secondary news, and floated list items for additional links, with specific CSS rules to handle layout and the IE doubled float-margin bug. The approach was tested across multiple browsers including Internet Explorer 5-6, Firefox, Opera, and Mozilla.

Permalink

Full property table

This is a reference table from CSS 2.1 documentation that lists all standard CSS properties along with their permitted values, default settings, which elements they apply to, whether they inherit, how percentages are calculated, and their media groups. It serves as a comprehensive specification guide for web developers implementing stylesheet rules, covering everything from font and text properties to layout controls like positioning and display.

Permalink

Quotations and citations: quoting text | 456 Berea Street

HTML offers three semantic elements for marking quotations, each suited to different contexts: the `q` element for short inline quotes, the `blockquote` element for longer passages, and the `cite` element for titles and references. Browser support for automatic quotation mark rendering via the `q` element is inconsistent across different browsers, though CSS can be used to define proper marks for nested quotations and different languages. The `blockquote` element doesn't automatically insert quotation marks but can be styled with CSS, while the `cite` element works best for marking titles of books, films, and similar references, and can be paired with blockquotes to credit sources.

Permalink

Turning a list into a navigation bar | 456 Berea Street

This tutorial explains how to build a horizontal navigation bar using semantic HTML (an unordered list) and CSS, demonstrating the progression from unstyled markup through incremental styling steps. The author covers key techniques including floating elements to create inline tabs, adding padding and borders for visual separation, and using body element IDs to highlight the current page's link. While the author notes the technique is no longer used on their site, the tutorial covers practical CSS fundamentals like managing floated elements, pseudo-classes for styling link states, and achieving browser compatibility.

Permalink

[ws] Article Archive | Archiv p%u0159‽sp%u011Bvk%u016F

I can't summarize this page because it's not an article—it's a table of contents or archive index for WellStyled.com, a web design resource site. It lists dozens of CSS and HTML technique articles (with both English and Czech titles) but doesn't itself contain substantive content to summarize. If you'd like me to summarize one of the specific articles listed here, please share that article's content instead.

Permalink

All CSS Properties Listed Alphabetically

I appreciate you sharing this content, but this appears to be a reference index or table of contents listing CSS properties rather than a saved article with an argument or report. It's a structured catalog of style properties organized alphabetically and by category (fonts, colors, positioning, etc.), showing property names like "background-color," "border-radius," and "font-weight" rather than presenting any substantive analysis or narrative. Without the actual article text, summary content, or editorial framing, I cannot determine what specific piece this is from or why it would have been worth saving beyond being a general CSS property reference.

Permalink

S5: A Simple Standards-Based Slide Show System

S5 is a standards-based presentation system that creates slide shows from a single XHTML file with CSS styling and JavaScript interactivity, eliminating the need for proprietary software while maintaining accessibility and printability. The markup is simple and semantic enough for anyone familiar with HTML to understand and modify, and CSS-savvy users can create custom themes. The system supports multiple navigation methods (spacebar, arrow keys, return) and includes comprehensive documentation plus several pre-built themes.

Permalink