John Cox

Blogs · @wyome

Tagged design · everything

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

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

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

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

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

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

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

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