CSS: The Definitive Guide, 4th Edition
Weighing in a little over 1,100 pages, The Fourth Edition of CSS: The Definitive Guide is a lot to digest. We’re pleased to offer you this amuse-bouche, of sorts, on compositing and blending.
Author
Eric Meyer
Also from this author
Faux Grid Tracks
The only way to win IS to play. Join Eric Meyer on a journey through the inner workings of CSS Grid as he tests various techniques to build a tic-tac-toe board filled with content. Hearkening back to the early days of CSS and A List Apart, these playful hacks rekindle a spirit of experimentation.
Practical CSS Grid: Adding Grid to an Existing Design
CSS Grid is here—and easier than you might expect. Eric Meyer shows us how to use Grid on an existing design without breaking things for non-grid browsers. With pictures! Also a couple of gotchas.
A Redesign with CSS Shapes
At least one set of crude hacks has left the building. With progressive and responsive enhancement—and using new CSS features—we can define how text should flow past a floated element. Eric Meyer explains what An Event Apart recently learned about floating shapes and feature queries.
Design for Real Life
We say we're crafting personas to fit the needs of “real” people—yet we easily revert to abstractions when raw emotions enter the picture. Common human experiences aren't “edge” cases; we don't get to dismiss what seems uncomfortable or different to us. In this excerpt from Design for Real Life, Eric Meyer and Sara Wachter-Boettcher take on the elephant in the room—the tendency to look the other way.
The Vendor Prefix Predicament: ALA’s Eric Meyer Interviews Tantek Çelik
During a public meeting of the W3C CSS Working Group, Mozilla web standards lead Tantek Çelik precipitated a crisis in Web Standards Land when he complained about developers who misunderstand and abuse vendor prefixes by only supporting WebKit’s, thereby creating a browser monoculture. Tantek’s proposed solution, having Mozilla pretend to be WebKit, inflamed many in the standards community, especially when representatives from Opera and Microsoft immediately agreed about the problem and announced similar plans to Mozilla’s. To get to the bottom of the new big brouhaha, exclusively for A List Apart, our Eric Meyer interviews Tantek on Mozilla’s controversial plan to support -webkit- prefixed properties.
Prefix or Posthack
Vendor prefixes: Threat or menace? As browser support (including in IE9) encourages more of us to dive into CSS3, vendor prefixes such as
-moz-border-radius and -webkit-animation may challenge our consciences, along with our patience. But while nobody particularly enjoys writing the same thing four or five times in a row, prefixes may actually accelerate the advancement and refinement of CSS. King of CSS Eric Meyer explains why. From Switches to Targets: A Standardista’s Journey
Grab your galoshes and walking stick and follow along with A List Apart's Eric Meyer as he considers the vices and virtues of version targeting as a standards toggle.
ALA’s New Print Styles
Print away, you fiends! Eric Meyer presents the ALA 4.0 print styles and discusses the challenge of translating a complex screen layout into a well-designed and useful printed page.
CSS Design: Going to Print
Say no to “printer-friendly” versions and yes to printer-specific style sheets. CSS expert Eric Meyer shows how to conceive and design print style sheets that automatically format web content for off-screen delivery. Includes tips on hiding inappropriate content, styling text for the printer, and displaying the URL of every link on the page.