“Parallaxin'” @ HTML5 Rocks http://disq.us/8c0sd7

A rather wordy but ultimately interesting look at Parallaxing images by Paul Lewis of HTML5 Rocks:

Whether or not you like parallaxing sites is one thing, but what you can say pretty confidently is that they’re a black hole of performance. The reason for this is that browsers tend to be optimized for the case where new content appears at the top or bottom of the screen when you scroll (depending on your scroll direction) and, in general terms, the browsers work best when very little changes visually during a scroll. For a parallax site that’s rarely the case since many times large visual elements all over the page change, causing the browser to do a repaint of the whole page.

His conclusion don’t guess, test is obvious; but thankfully he also provides methods to put this idiom to practice!

H5R’s responsiveness was much better on my BlackBerry Curve (OS7) than my Dual-Core portable running Firefox 17; but looking at the article and what it tries to achieve I think that’s no surprise. The amount of code that’s pulled from syndication alone is eye-watering, thankfully it’s all very pretty!

Thanks Paul!

Related articles

• Unlike Facebook, Famo.us thinks HTML5 rocks. Here is why. (gigaom.com)
• Scrolling Performance (html5rocks.com)
• Tom Schuster: HTML5 download attribute (javascript-reverse.tumblr.com)

Advertisements

CSS3 Sliders

RT @smashingmag: Responsive CSS3 Slider without JavaScript – http://bit.ly/yGefdD

CSS3 Prettiness

RT @csswizardry: Punching holes through web pages http://bitly.com/I4sz47

CSS Goodness

RT @divya: “If you are a css nerd you should listen to @davidbaron talk about how browsers lay out web pages (& see the slides)” http://t.co/DRWOuTLl

Removing the Dotted Outline

Usually, this default styling isn’t a big deal. Links are normally active for only a split second before a new page is loaded and the outline is gone. However, there are circumstances where you want to remove this outline.