A List Apart

Menu

A Blog Apart

Content-out Layout: the Resources

The method I outlined in my recent article, “Content-out Layout,” is actually the culmination of quite a few different influences. If you’re interested in a deep dive, I have compiled this list of the most useful thinking on the web about ratios, grids, and fluid design. Enjoy!

Save Your Eyes with f.lux

I never thought I felt eye strain from looking at big, bright screens all day—I thought my young eyes were invincible. Then I started getting sharp headaches at the end of every day, and I realized I needed to change something.

A Q&A on the Picture Element

The revival of the picture element—the responsive images proposal that has seen the most support from the developer community—is exciting news, but there are still some outstanding questions about how the element will really work. Marcos Caceres and Yoav Weiss have put countless hours into the Responsive Images Community Group’s efforts, and are now working toward picture implementations in Firefox and Chrome, respectively. Mat Marquis asked them some questions.

Ten Years Ago in A List Apart: CSS Sprites – Image Slicing’s Kiss of Death

Rereading this seminal 2004 article from the comfort of today’s privileged position, it’s easy to miss how new and revolutionary Dave Shea's thinking was. Today we take sophisticated CSS for granted, and we expect our markup to be just that—clean and semantic, not oozing behavior and leaking layout. But in 2004, removing all that cruft from HTML took courage. And it was an act of absolute wizardry to conceive that a grid of images in a single master GIF or JPEG could replace all those http calls and subfolders full of tiny images thanks to CSS’s hover property and cropping ability.

We’re Nothing Without You: The Web at 25

The World Wide Web celebrates its 25th birthday with a newly launched website commissioned by the World Wide Web Consortium (W3C) and designed and developed by A List Apart’s own creative director/designer Mike Pick and technical director Tim Murtaugh.

The Latest in Web Font Trends

Ever since @font-face was introduced, our web font choices have grown tremendously each year. Web font trend data can help us make sense of all those new choices—and give insight into which typefaces are working well on the web, and which might even be overused.

Read the Docs, Faster

As a developer, a large amount of my time is spent reading documentation. An even larger amount of time is spent finding said documentation. Or it was, until Dash entered my life.