White House uses HTML5 to tackle gun crime

Obama's latest campaign site, built in HTML5, makes great use of subtle scrolling effects to provide a delightful visitor experience.

The White House's in-house web team has created a brand new web page, showcasing the latest campaign surrounding the gun laws. And whatever your opinion on this policy debate, there's no denying it's a stunning feat in HTML5 web design that makes viewing the content a delightful experience.

The White House effortlessly disappears into the background as you scroll

Inspired in part by the New York Times' beautiful Snow Fall minisite, the page contains some subtle but neat scrolling effects. (Make sure you're using an up-to-date version of your web browser or you might not be able to see them.)

Most prominent is the way the image of the White House fades out as you scroll down the page. It looks like they've used JavaScript to manipulate the opacity - you can read an analysis of the code here.

As you continue scrolling video content readily plays, plus there are pause and play options for videos from members of the public.

Video content readily plays as you scroll through the page

At the bottom of the page, you're able to download the full presidential plan with the click of a button. There are also social media icons to encourage sharing and another video to finish the page off in style.

Like this? Read these!

Have you stumbled across a stunning piece of web design? Let us know in the comments box below!