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!

· 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

· 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

var to JIT

Through the power of JavaScript, we learn how the browser breaks down pages and speeds up processes so we can write better code.

Braces to Pixels

In this installment of our “From URL to Interactive” series, Greg Whitworth explains how cascading actually works, and then some.

Server to Client

Kicking off our “From URL to Interactive” series, we take a look under the hood to find out how our code makes it to the browser.

Writing for Designers

In this excerpt from Writing for Designers, Scott Kubie explains why designers need to be more intentional with how we use words.