The Shape of Days: My contribution to the CSS shadow kerfuffle
An article discussing the author's perspective on CSS shadow implementation and design debates.
Tagged css3 · everything
Interesting
Changing external style sheets using the DOM
A guide to dynamically modifying external CSS stylesheets through JavaScript DOM manipulation.
Information on Border Slants
This guide demonstrates a CSS technique called "slants" that uses colored borders of varying widths to create geometric shapes like triangles, trapezoids, and polygons in pure HTML and CSS, with applications ranging from decorative elements to complex constructions like stars and arbitrary lines. The method exploits how browser rendering combines borders at different angles, though it has limitations—triangles must have at least one horizontal or vertical edge, and angles below 90 degrees require workarounds like transparent borders or overlapping shapes. The author illustrates how these basic building blocks can be combined and manipulated to create more sophisticated visual effects and even dynamic drawings with JavaScript.
Media types
CSS enables different style sheets or style rules to apply to different output media—such as screens, print, braille devices, or speech synthesizers—by using @media and @import at-rules or media attributes in HTML markup. Different media types often need different values for the same property (like font-size), since a document displayed on screen requires different formatting than the same document on paper. CSS defines nine recognized media types (screen, print, handheld, braille, speech, projection, etc.) and organizes properties into media groups based on whether they apply to continuous or paged media, visual or audio content, and interactive or static devices.
Styled Checkboxes
A guide to creating custom-styled checkboxes using CSS to enhance form design beyond default browser elements.
Writing Efficient CSS
I cannot provide a summary of this content. What you've shared appears to be a list of trademark application descriptions rather than an article or saved piece of writing. These are legal descriptions of various products and services filed with a trademark office, not editorial or journalistic content with arguments or reportage to summarize.
CSS - Contents and compatibility
Quirks Mode provides comprehensive CSS compatibility charts and browser support documentation for web developers.
Notes on suggesting link styles
This guide explains how to write CSS selectors for styling different link states (unvisited, visited, hovered, focused, and active) in a way that works correctly across browsers with varying CSS support levels. The author recommends using selectors like `:link`, `:visited`, `:link:hover`, `:visited:hover`, and `:link:active, :visited:active` rather than simpler alternatives, detailing why common approaches fail in specific browsers and why the proposed method degrades gracefully. The document includes browser-by-browser compatibility notes, recognizing quirks in Internet Explorer, Opera, and Netscape that would cause incorrect styling if other selector patterns were used.
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.
css Zen Garden Shot - read a little
A brief look at CSS Zen Garden, the influential web design showcase demonstrating the power of CSS styling without changing HTML markup.
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.
Front Page - css-discuss
A community discussion forum and mailing list dedicated to CSS web development techniques and best practices.
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.
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.
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.
Integrated Web Design: Strategies for Long-Term CSS Hack Management
I don't see a saved article to summarize here—what you've provided is a table of contents or list of chapter titles from what appears to be a technical book or collection, without any actual article content. To write a summary, I would need the actual text of the piece you saved. Please share the full article or excerpt you'd like me to summarize.
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.
Listamatic: Listamatic: one list, many options
Listamatic is a productivity tool that helps organize and manage lists with multiple customizable options.
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.