1 | Ben The Bodyguard

Ben the Bodyguard is a slick scrolling website that features a suave Frenchman, reminiscent of Jean Reno, hell-bent on keeping the data on your iPhone secure. As you scroll vertically down the page, Ben walks through a rather rough neighborhood; he discusses the potential pitfalls of losing your phone. Featuring some slick animation and a fancy jQuery box activated by clicking on neon rooftop signs, the site does an excellent job at promoting  Nerd Communications iPhone Security App.

Web | http://benthebodyguard.com/

2 | For The Record

Simon Foster puts a modern spin on the infographic by representing what’s left of his record collection as an HTML5 and CSS 3 infographic. For the Record is by no means as fancy as Ben the Bodyguard, but is does show very well how HTML5 and CSS3 can be used hand-in-hand to replaces images with code. Simple code with a slick look, that’s what we like!

Web | http://www.fortherecord.simonfosterdesign.com/

3 | The Wilderness Downtown

The Wilderness Downtown is an interactive music video website for the Arcade Fire’s song ‘We Used To Wait’ and it is insane. The site first asks you to type in the name of the town you grew up in. The site then starts to play the music video in a number of different pop-up windows pulling in elements from Google Earth and utilizing HTML5 to incorporate visuals over the top of the images supplied by Google Earth. You can also manipulate  the direction of the birds flying around on the homepage with your mouse, which is a nice touch.

Web | http://www.thewildernessdowntown.com/

4 | Agent 008 Ball

For the gamers among us, Agent 008 Ball offers the user the ability to play a rather precise game of billiards through their browser. Created by Pixel Labs, the site utilizes the canvas element, which can be used to render graphs, game graphics, and other visual element in real time. Developed alongside Microsoft, Agent 008 Ball was created to show off the advanced features in the new IE9 browser.

Web | http://agent8ball.com/

5 | 20 Things I Learned

20 things I learned is an interactive book created by the Google Chrome team to help explain to users how the web works. The site uses HTML5 effectively to display the book like as an interactive eBook with the user having the ability to scroll through the pages by clicking and dragging their mouse from one page to the next. For best results, view this site in Google Chrome.

Web | http://www.20thingsilearned.com/

Alex is a web developer and SEO working across a number of different clients. He loves swimming in Above ground pools and treating them with swimming pool chemicals. You can find him on Twitter @harvey1dash8.

• Free HTML5 Music Player in jQuery – June 21, 2011
• VintageJS: JQuery Plugin to Create Retro Feel on Your Images – May 3, 2011
• Free HTML5 + CSS3 Admin Template – April 7, 2011
• Flash-to-HTML5 Conversion Tool Demo – October 31, 2010
• Smokescreen, Direct Conversion from Flash to HTML5 – May 31, 2010

5 Of The Best HTML5 Websites So Far originally appeared on: Crenk
Join our Community: Twitter, Facebook

Here’s the complete list of frequently blocked sites from OpenDNS. Percentages indicate the proportion of OpenDNS networks using blacklisting that reference a given site.

1. Facebook.com —14.2%
2. MySpace.com — 9.9%
3. YouTube.com — 8.1%
4. Doubleclick.net — 6.4%
5. Twitter.com — 2.3%
6. Ad.yieldmanager.com — 1.9%
7. Redtube.com —1.4%
8. Limewire.com — 1.3%
9. Pornhub.com —1.2%
10.Playboy.com — 1.2%

• OpenDNS: Velociraptor Free Workplace – September 21, 2011
• 5 Of The Best HTML5 Websites So Far – July 17, 2011
• Find Websites Owners with w3who.com – November 7, 2010
• Creating Fast, Good and Easy Websites with Moogoo – July 2, 2009
• John Chow dot com 3 launches, I yawn – September 11, 2008

Worlds Most Blocked Websites originally appeared on: Crenk
Join our Community: Twitter, Facebook

W3who maintains an indexed and large database of adsense and google analytics publisher, making really easy to identify website networks. So, for example if you are working on a startup, using w3who can make an interesting research about the competition.

Even more, you will also receive some other information about the site: server IP address, server location, websites hosted on the same IP and similarly targeted sites by keywords.

• 5 Of The Best HTML5 Websites So Far – July 17, 2011
• Install GUI on Ubuntu Server – May 10, 2011
• Worlds Most Blocked Websites – February 4, 2011
• How to Achieve Server’s High Availability using StarWind – December 17, 2010
• Woman Claims She Now Owns the Sun – November 28, 2010

Find Websites Owners with w3who.com originally appeared on: Crenk
Join our Community: Twitter, Facebook

Moogoo is the quick choice to take when it comes to design easy and very acceptable websites and it only takes a few moments to complete. You will have several options to add different type of functionality to your site, so it won’t be the same static content. Besides doing all the design work, you can find more features:

• Free option available and with interesting features.
• Payed option includes the completeme management of the website.
• Registered domain names supported. That means if you have your own domain name, like mycompany.com, you will have support to migrate the website to your own domain without having any type of problems.
• Features that you can use in your website: News, photo albums, blogs, events, quick polls, statistics, search engine, etc.
• Web base e-mail option available.

To check on more features available, check this link.

As an important note, the payed versions are two: Personal ($4.99) and Business ($14.99). Not bad, right?

• Example of How Powerful Photoshop Can Be – November 10, 2011
• Steve Jobs’ Last Project Was The iPhone 5 – October 16, 2011
• Outside Car Airbags: Easpace – September 7, 2011
• Leaked: Amazon Redesign – September 5, 2011
• 5 Of The Best HTML5 Websites So Far – July 17, 2011

Creating Fast, Good and Easy Websites with Moogoo originally appeared on: Crenk
Join our Community: Twitter, Facebook

I was a daily reader of his site up until he switched to version 2.0 maybe a year ago.  At that point, it was clear that the focus was on ad placement and started to make reading the content that much harder.  John’s primary readers are bloggers and creative writers who are looking for ways to turn a profit on their own sites, they want information, not blatant advertising.  The overall layout was clean though with good graphics, but I stopped reading daily.

Today, Version 3 launched and John has moved the index of the site to be similar to one of the other super popular bloggers, Darren Rowse of Problogger.net with respects to being more of a magazine style with snippets of current articles, more ads and some static information.  Inside the site is supposed need less scrolling to read the articles and be cleaned up even more; I can agree to disagree with that.  He did finally do away with having exotic cars in his header, but that only appears to be because others ripped the idea and so he could fit more advertiser space in.  On my 1280×1034 screen I count 13 ads plus the top half of two more ads and one more ad promoting his e-book.  It’s a bit much.  The footer takes on the trends of other larger Web 2.0 sites with what must be close to 500 pixels high worth of information, sadly there is no button to take you back to the top of the page

With more than 30,000 RSS subscribers, 2,000 more following on Twitter people listen to what he says, but I think more is being emphasized on how it looks instead of better content.  John is still posting up photos of food and other random things and shares his insight on how to run a blog for money, but getting to the content for me isn’t worth the trouble anymore.

• 5 Of The Best HTML5 Websites So Far – July 17, 2011
• How to Take Your Blog to the Next Level – July 16, 2011
• Windows Phone 7 Theme for Your WordPress Blog – May 31, 2011
• Tips For Young Bloggers – April 16, 2011
• Why Create A Business Blog? – April 8, 2011

John Chow dot com 3 launches, I yawn originally appeared on: Crenk
Join our Community: Twitter, Facebook