cloudseer + shared + supersize 1
CSS3: Love vendor prefixes, resize full-screen backgrounds
july 2010 by cloudseer
Learn to love vendor prefixes and create full-screen backgrounds that resize to fit the viewport in Issue No. 309 of A List Apart for people who make websites:
Prefix or Posthack
by ERIC MEYER
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.
Supersize that Background, Please!
by BOBBY VAN DER SLUIS
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.
Illustration by Kevin Cornell for A List Apart Magazine.
A_List_Apart
CSS
CSS3
Design
Publications
Publishing
Responsive_Web_Design
Standards
State_of_the_Web
Web_Design
Web_Design_History
Web_Standards
spec
prefixes
prefix
posthack
supersize
vendor
sluis
backgrounds
bobby
shared
from google
Prefix or Posthack
by ERIC MEYER
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.
Supersize that Background, Please!
by BOBBY VAN DER SLUIS
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.
Illustration by Kevin Cornell for A List Apart Magazine.
july 2010 by cloudseer
Copy this bookmark: