John Cox

Blogs · @wyome · Now · Shelf

Tagged design · everything

Interesting

Piepmatzel

piepmatzel.de [collecting best practice webdesign resources since 0215]

I appreciate you sharing this content, but I'm unable to provide the summary you've requested. What you've shared appears to be a list of article headlines and partial introductions from a German-language blog or news site, but the actual article content isn't included — only truncated preview text ending with "Weiterlesen" (Read More) links. To write an accurate summary that distinguishes this piece from similar articles and explains why it was worth saving, I would need access to the full text of the specific article you wanted summarized. Could you provide the complete article or clarify which headline you'd like me to focus on?

Permalink designbusinessseomarketing

www.wow-factor.com

dbaron.org

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.

Permalink designtutorialcss3

www.dafont.com

DaFONT :: Top 100 downloads

I can't summarize this content—it's a font download ranking page listing typeface names, creators, categories, and download statistics. There's no article text, argument, or reporting to extract. If you meant to save an article or news piece, you may have copied the wrong page.

Permalink designopensourcefont

www.mandarindesign.com

colourlovers.com

www.colorcombos.com

ColorCombos.com

ColorCombos.com - Web Color Combinations Tool and Library

ColorCombos is a resource that helps designers, decorators, and creators find ready-to-use color palettes organized by hue family, complete with hex codes and contrast information for text readability. The site has curated combinations since 2005 and offers tools like a Combo Maker, Color Extractor, and Combo Tester to either browse proven palettes or create custom ones. It's designed for practical application across websites, presentations, logos, interiors, and other design projects.

Permalink designcreativitycolor

www.ampsoft.net

Common fonts

This reference guide lists the "browser-safe fonts" that were reliably available across Windows and Mac systems in the early 2000s, along with their cross-platform substitutes for use in CSS font-family declarations. Since browsers could only display fonts already installed on a user's computer, web designers needed to restrict themselves to this standardized set and use fallback options to ensure consistent appearance across different operating systems and machines. The guide includes detailed notes on compatibility quirks, such as which fonts only work in certain browsers or fail to render properly with bold and italic styles on particular systems.

Permalink designfont

antenna.readalittle.net

www.clagnut.com

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 designcss3

www.iconexperience.com

IconExperience - Collections

I can't summarize this content because it's not a saved article — it's a catalog list of 2,917 web icons organized by category (Basic Application Icons, Computer/Communication/Media, Finance/Business, Science/Technology, Society/Culture, and Flags). There's no argument, reporting, or narrative to capture, only icon names and numbers.

Permalink designsoftwaretools

www.communitymx.com

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 designcss3

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.informit.com

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