John Cox

Blogs · @wyome

Tagged css3 · everything

Stuff & Nonsense Ltd.

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 designtutorialcss3

www.w3.org

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 css3standards

www.informit.com

www.456bereastreet.com

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 css3

css.maxdesign.com.au

www.456bereastreet.com

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 designtutorialcss3

wellstyled.com

[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 designcss3

www.blooberry.com

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 developmentcss3

www.unmatchedstyle.com

unmatched <style>

This appears to be a curated newsletter index rather than a single article—it's a collection of links from Smashing Magazine's RADAR section highlighting noteworthy web design and development articles from late August and early September 2026. The links span topics like HTML updates, dark mode design, CSS animations, AI's impact on design, responsive styling, and design systems, serving as a weekly roundup of industry-relevant reads for designers and developers.

Permalink designdevelopmentcss3