A List Apart

Menu
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

Columnists

Rian van der Merwe on A View from a Different Valley

Why?

Little kids have an endless supply of Why! Why is everything the way it is? Why do people do the things they do? We grownups don’t pester each other with a relentless stream of why?, and that’s mostly good. But kids could teach us to ask why when it needs to be asked: why are only some people able to build lives they love and find fulfilling work? Does everyone truly have the same chance, or do some of us start the game already a few rolls of the dice ahead? In order to grow, we have to ask the hard questions.

From the Blog

Context Makes Our Devices

When it comes to new devices, context is everything. Smartphones and tablets gained popularity because they were useful in situations where our laptops weren't. Will smartwatches do the same? Anthony Colangelo looks at the context of these new devices and how they might reach their full potential.

Accepting Our Lack of Control

Accepting the “ebb and flow of things” is as challenging today as it was 15 years ago. Susan Robertson explores what it means to accept our lack of control on the web and shares how she acknowledges this in her work—from the CSS she writes, to the conversations she has with team members.