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

The Distance to Here

The people who determine product strategy move through a world of analysts, media, division leads, shareholders, stakeholders, monetization, and marketability. They seldom get a chance to come back to the corner where users and designers mingle. Rian van der Merwe suspects that increasing the communication distance between the decision makers and the product’s builders and users leads to a loss of perspective—and the results are products with marketable features that no one really needs.

From the Blog

On Our Radar: Faux-Naïve

On our radar these days: Google rebrands. A web animation expert refuses to speak at your conference if it doesn’t have a code of conduct. Preload hints can help you load your web fonts faster. A new site launches that hopes to bridge the gender gap in communication design. Your weekend reading awaits!

On Our Radar: Pretty Advanced Machine Learning

Between bots and blogging, newsrooms are getting into Slack in some very cool ways (take some inspiration and apply for a Knight-Mozilla Fellowship!). Plus more recommended reading: revisiting Cameron’s World; the joy of generalists; the finer points of faving; and one really excellent gif of cats.