John Cox

Blogs · @wyome

Tagged css3 · everything

artypapers.com

PHP + CSS Dynamic Text Replacement (P+C DTR) - CSS Help Pile - artypapers.com

P+C DTR is a PHP and CSS-based method for dynamically replacing HTML heading text with custom-font images, without requiring JavaScript. Unlike the original Dynamic Text Replacement technique, it uses PHP's output buffering to automatically parse heading tags and generate images, while allowing CSS files to control styling properties like color, background, and font size per browser session. The method works only when images are enabled and has limitations including no support for heading attributes, long text, or per-page style variations.

Permalink tutorialwebdevcss3

www.infimum.dk

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 designtutorialcss3

www.w3.org

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 designtutorialwebdevcss3

www.communitymx.com

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.

Permalink performancearticletutorialwebdev

www.quirksmode.org

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 designtutorialwebdevcss3