Fancy Input
Posted on Monday, February 25th, 2013
Fancy Input makes HTML input field typing fun with some CSS3 effects.
HTML5 Video With Alpha Transparency
Posted on Friday, February 1st, 2013
Jake Archibald, a Developer Advocate at Google, mocked up this demo to show how he has achieved alpha transparency in video using the HTML5 Video and Canvas elements – without Flash.
Storytelling Through Responsive Web Design
Posted on Wednesday, January 30th, 2013
The folks over at inTacto made a greeting card in 2012 using Responsive Web Design in a way that most people wouldn’t have thought to use it. Through the technique of image swapping and positioning using CSS Media Queries, they were able to bring an almost storybook-like experience to the web.
Form Follows Function
Posted on Monday, January 14th, 2013
Form Follows Function is a collection of interactive experiences. Each experience has a its own unique design and functionality.All the experiences are created in HTML5, the site works beautifully on both desktop and tablet.
Codrops – Simple Effects for Drop-down Lists
Posted on Thursday, November 29th, 2012
A jQuery plugin for transforming select inputs into drop-down lists with some simple expanding effects.
Build With Chrome
Posted on Friday, November 16th, 2012
Build is the largest LEGO® set the world has ever seen. We hope you have lots of fun building with LEGO bricks in Chrome. Build is a place to imagine, create and explore.
JAM With Chrome
Posted on Thursday, November 8th, 2012
JAM with Chrome is a collaborative live music experience in your browser, that makes use of several web technologies and Google products, to allow you and up to three of your friends to jam together in real time.
We’ve combined these technologies to bring you the complete JAM with Chrome experience. When you play the instruments, your browser will tell other users browsers which notes to play, how to play them, and how to animate the user interface.
Readymag
Posted on Friday, July 27th, 2012
Readymag is an interactive publishing platform which allows you to create, publish and discover truly amazing webzines.
CSS3 Lighting Effects
Posted on Wednesday, July 18th, 2012
3D transforms are awesome, but they’re even cooler with lighting effects! The specular highlights are created with CSS gradients and masks. The cast shadow relies on box shadows and transforms.
CSS3D Clouds
Posted on Friday, June 22nd, 2012
An experiment on creating 3d-like clouds with CSS3 3D Transforms and a bit of Javascript.