Apples To Oranges – CSS Bar Graph
A CSS-based bar graph implementation demonstrating how to create data visualizations using only stylesheets.
John Cox
Blogs · @wyome
Tagged css3 · everything
Top 69 CSS Menus Navigation Tabs : Ultimate Web Developer Lists : eConsultant
A curated list of 69 CSS-based menu and navigation tab designs for web developers.
Super Stripes
This piece describes a practical web design technique for creating reusable stripe patterns using small transparent GIF images layered over different background colors in CSS. By preparing a few basic GIF files with alternating transparent and solid pixels, designers can quickly generate varied striped backgrounds across a website by simply changing the background-color property rather than creating new images for each color variation. The author suggests using this approach to visually distinguish different sections of a website while maintaining a cohesive design theme.
CSS Code Visual Grouping Techniques at SixThings
A guide to visual grouping techniques in CSS code for better organization and readability.
A List Apart: Articles: CSS Design: Going to Print
Eric Meyer explains how to create effective print style sheets using CSS instead of maintaining separate printer-friendly versions of web documents. He walks through the specific CSS fixes applied to A List Apart, including working around a Gecko browser bug with floated elements, adjusting backgrounds and font sizes for print, styling hyperlinks to display their URLs, and extending the masthead design across the page width. The approach eliminates version skew between web and print versions while requiring only a single well-structured HTML document and media-specific CSS rules.
Khmerang.com - CSS-Technique: Worn Type
This tutorial explains a CSS technique for creating a worn, distressed text effect in headers by overlaying a semi-transparent pattern image on top of text using an absolutely positioned span element. The method relies on floating the header to contain its width to the text itself, setting overflow to hidden to clip the pattern image, and creating a random-pixel GIF with transparency that obscures portions of the underlying text. While the technique effectively produces the visual effect and can be applied to various pattern types, it has the limitation that text cannot be selected normally due to the image overlay blocking mouse events.
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.
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.