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
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
This new category in the .net Awards recognises the year's best online games, where timewasting is positively encouraged. Here we profile our shortlist compiled of your nominations. Let the game play begin!
Stevan Živadinović, the brains behind multi-plane side-scroller web comic Hobo Lobo of Hamelin, walks us through the development of the Parallaxer platform and gives a crash course on turning pencil drawings into transparent-background assets
Technologist Benjamin Bojko and art director Dan Mall, on behalf of digital agency Big Spaceship, give us an exclusive look behind the creation of Activatedrinks.com and explain how they pulled off the loading process and added depth and fluid parallax motion to the particles effect on the site
David DeSandro reveals how to use CSS transforms to create a zoomable user interface similar to that of 2011.beercamp.com. In this tutorial, you’ll also learn how to use JavaScript to hijack scrolling to manipulate the zoom
Severin Klaus explains how Hinderling Volkart created an innovative method of scrolling through video for its 360° Langstrasse website, and how you can use it on your site
David Nibley, creative director at Rain, guides you through the basics of creating an animation in Adobe Edge and is pleasantly surprised about its ease of use and familiarity of the process
Mobile application consultant Jonathan Stark, author of two iPhone and Android development books, explains his process for determining the best development approach for an app and discusses the best tools available right now
ZURB design lead Jonathan Smiley shows you how to use Foundation, a new, responsive open source framework, to quickly build a prototype you can test and build onto for any device
Google is shutting down its free Translation API on 1 December, while Microsoft's remains free. Here Paul Tero explains how to implement both solutions and migrate from Google to Microsoft
Interactive studio HelloEnjoy has built a mind-blowing 3D music video for Ellie Goulding's song 'Lights'. Here creative director Carlos Ulloa explains how the team chose WebGL and created various immersive graphic effects
Eoin McGrath, co-founder and lead developer at boutique web studio Starfish, explains how to bring mobile game classic Snake into the brave new world of smartphones using HTML5 canvas and JavaScript
Bartek Drozdz explains how to create stunning WebGL effects with shaders and his open source WebGL engine, J3D. You will build a lit, textured monkey head and the light should change its position as you move the mouse
In this introduction to open source JavaScript framework DHTMLX Touch web developer Alexandra Klenova explains how you can implement a login form for a mobile web app and send form values to the server with Ajax
It's been a packed year for creative coder, speaker and teacher Seb Lee-Delisle. In our 2011 in review series he chats to Oliver Lindberg about creative JavaScript, WebGL, HTML5, Flash and synchronising 250 phones
2011 has been another fascinating year for those of us who build things for the browser. Here web developer Phil Hawksworth looks at some exciting and ambitious uses of JavaScript on the web
HTML5 is quickly turning into a great game development platform. Rob Hawkes, creator of multiplayer space shooter Rawkets, highlights some of the best online games built with HTML5 (and JavaScript) out there and the technologies that they’re using
One line of JavaScript enables you to send motion events to the page, thanks to Remy Sharp's Remote-Tilt tool, which provides in-browser motion testing