A List Apart

Issue № 309

CSS3: Learn to love vendor prefixes, and create full-screen backgrounds that resize to fit the viewport.

Supersize that Background, Please!

by Bobby van der Sluis · 48 Comments

Background images that fill the screen thrill marketers but waste bandwidth in devices with small viewports, and suffer from cropping and alignment problems in high-res and widescreen monitors. Instead of using a single fixed background size, a better solution would be to scale the image to make it fit different window sizes. And with CSS3 backgrounds and CSS3 media queries, we can do just that. Bobby van der Sluis shows how.

Prefix or Posthack

by Eric Meyer · 58 Comments

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.

More from A List Apart


Ask Dr. Web with Jeffrey Zeldman

Looking for Love: Standing Out from the Crowd of Web Job Seekers

You have a solid resume, but can’t seem to connect with the right job. Maybe it's not you. Jeffrey Zeldman suggests reconsidering your career niche or refocusing your work persona. It could open fresh hiring tracks just waiting for the right candidate—you.

From the Blog

Career Consultation with Dr. Web—Live

Your career is alive, complex, and trying to grow in the right direction—but finding that path can be confusing. When you don’t know what you don’t know, or need just a nudge to kickstart your next step, a healthy dose of guidance can do the trick. In a live Q&A this December, Jeffrey Zeldman brings “Ask Dr. Web” to ALA events, answering viewer questions in real time with cohost Sarah Parmenter.