Here’s a quick tip on how to make sure Google’s reCAPTCHA form is HTML 5 valid. Basically, the attribute frameborder="0" is no longer is necessary in HTML 5 – here’s W3C Schools opinion. However, Google’s reCAPTCHA example code and recaptchalib.php files are not updated to correct this, as you can see here: Continue reading “Making Google’s reCAPTCHA iframe form HTML 5 valid”
There really are some great effects you can achieve using HTML 5 and CSS3 at the moment. I stumbled across a great 3D animation using this combination recently and thought I should share it with you.
As you can see, when you hover over the image on CSS 3D Meninas, the backgrounds and foregrounds all move independently giving the impressions of a three dimensional picture. Who needs a 3DTV when you can use HTML5 and CSS3! There maybe limited applications for this technique but it really is a clever way of interacting with the browser. In the past, this could only have been achieved using Flash tools. It’s great to know we have a choice when it comes to producing animations now. Continue reading “HTML5 and CSS3 – who needs a 3DTV?”
Google have launched a breathtaking example of the capabilities of HTML 5, using Arcade Fire’s “We Used To Wait” song and music-video director Chris Milk’s film. Google has been working on the project for the last few months to demonstrate modern web technologies.
“The Wilderness Downtown” website currently only works with Google’s “Chrome” browser and on loading the site you are asked to enter your postcode from where you grew up. After entering this information the site goes blank and the Arcade Fire song begins. A video in a pop-up window appears showing a boy running down a street. Then after a minute, you realise why the site asked you for your address – a series of pop-up windows show moving images from Google Maps of the area you used to live in. The imagery works in harmony with the music, with new pop-ups and Google Maps scenery flashing up in time with the scructure of the song. Continue reading “Google’s HTML 5 example with Arcade Fire music video”
