John Cox

Blogs · @wyome

Tagged design · everything

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.

Permalink

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.

Permalink

XHTML Character Entity Reference

This appears to be a reference document listing HTML entity codes for special characters, mathematical symbols, Greek letters, and typographical marks, organized by category with their various representation formats (named entities, numeric codes, and Unicode values). It's a technical reference tool rather than an article or piece of journalism, so it doesn't have an argument or thesis to summarize. If you saved an actual article or essay, please share that instead.

Permalink

Typetester – Compare fonts for the screen

Typetester is a browser-based tool for testing and comparing web fonts from a library of over 2800 options, letting designers preview typography in real-time without switching between design software and browsers. The platform generates exportable HTML and CSS code for responsive typographic designs, eliminating the need for coding knowledge and making it easy to share projects or hand off specifications to developers.

Permalink

dontclick

An interactive art project or game where the primary instruction is to avoid clicking, exploring the tension between user intent and restraint.

Permalink

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

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

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