Addy Osmani recounts his experience of creating cross-browser polyfill visibly.js and provides plenty of top tips on how you can create your own HTML5 polyfills, while avoiding the headaches developers often run into when coding them for the first time
CSS-Tricks' Chris Coyier talks us through different CSS and jQuery solutions to create responsive and fluid width videos that maintain aspect ratio and work with all major video hosts, including YouTube and Vimeo
CSS-Tricks’ Chris Coyier, ‘lead hucklebucker’ at form builder Wufoo, recently bought up by SurveyMonkey, chats to Oliver Lindberg about how HTML5 will improve conversion rates and more
Web developer and creative programmer Hakim El Hattab shows us a new take on the ‘Flash page flip’ we all love to hate, using HTML5’s canvas and JavaScript. He explains how Fi built 20thingsilearned.com
Paper.js is an open source vector graphics JavaScript framework built on top of HTML5 canvas and developed by the incredible Jürg Lehni and Jonathan Puckey. Dr Woohoo, Claus Wahlers and Rasmus Blaesbjerg from HAUS create an example that explores Paper.js
We speak to leading developers about the newly released web animation tool, and discover concerns over HTML5 branding and absence of SVG and canvas, although Adobe stresses it’s still early days
So you've heard about WebGL? It’s become sort of a buzzword in the web development community. Some great 3D demos have been released, some security concerns have been raised, and a heated discussion started. This tutorial by interactive developer Bartek Drozdz takes you right to the heart of WebGL and will help you understand how it works. Prepare your favourite JS editor and buckle your seats!
In Chapter 3 of his book, Foundation HTML5 Canvas, Rob Hawkes explains how to use the canvas element, draw basic shapes and text, change the colour, erase the canvas and how to make it fill the browser window
Belgian interface designer and CSS trickster Benjamin de Cock shows us how to use the power of CSS3 to create an animated, automatically centred clickable accordion, while also discussing the drawbacks of the technique
Create a web app that feels native on the iPad and other mobile devices, using the Sencha Touch library. Robert Douglas of mobile design specialists ribot explains how
In Chapter 1 of his much acclaimed book, Adaptive Web Design, Aaron Gustafson explains what progressive enhancement really means, how it works and what it's got to do with the Galapagos finches and peanut M&Ms. Think of the user, not the browser!
WebGL, released earlier this year, is the new standard for high-quality 3D graphics in web pages. Giles Thomas of LearningWebGL.com rounds up 20 of the best sites so far
Rey Bango, evangelist at Microsoft and director of community for the jQuery project, explains how to make HTML5 and CSS3 features work in older browsers with the help of polyfills and shims