Demo Articles
-
Firefox 4 Web Demos: announcing Web O' Wonder
Firefox 4 is almost here. Check out some awesome Web demos on our brand new demo web site: Web’O Wonder. Screencast here. Update: 3 more demos: https://hacks.mozilla.org/2011/03/webowonder-round/ Web ‘O Wonder Firefox 4 is almost here, and comes with a huge list of awesome features for web developers. In order to illustrate all these new technical […]
-
The making of a hack – Media Query Mario
Like any developer, I love any shiny new tech demo that finds its way into my browser; some of the things people are putting together absolutely blows my mind with the level of creativity and technical skill on show. After attending WebDevConf 2012 in mid October, I felt the usual heightened sense of inspiration that […]
-
Creating thumbnails with drag and drop and HTML5 canvas
HTML5 Canvas is a very cool feature. Seemingly just an opportunity to paint inside the browser with a very low-level API you can use it to heavily convert and change image and video content in the document. Today, let’s take a quick look at how you can use Canvas and the FileReader API to create […]
-
Rofox, a CSS3 Animations demo
Firefox 5 was released last week. This release comes with CSS3 Animations. Here is a demo made by Anthony Calzadilla. To illustrate what you can achieve with CSS3 Animations, we have been working on demo with Anthony Calzadilla (@acalzadilla), famous for his awesome Animation projects. Check out the demo on the Mozilla Demo Studio. And […]
-
Real-time server visualization with canvas and processing.js
This is a guest blog post by Logan Welliver, Chief Creative at Cloudkick. He is a graphic designer by training and a web designer in practice. Cloud management company Cloudkick has released a real-time server monitoring visualization based on canvas and processing.js, that was co-developed with Alastair McDonald of processing.js fame. The product is designed […]
-
making waves with HTML5
Thomas Saunders of modern-carpentry has a very nice HTML5 demo, making waves with html5, showcasing the power of Canvas as well as Processing.js. modern carpentry rides the html5 canvas wave Thomas says: I was challenged at work to create something that “floats naturally”. After a while of confusion in my pursuit of “natural floating” or […]
-
Showcasing your WebVR experiences
WebVR combines the powerful reach of the Internet with the immersive appeal of virtual reality content. With WebVR, a VR experience is never more than one URL away. Nevertheless, VR equipment is still expensive and not quite adopted for consumer use. For this reason, it is useful to be able to record your VR projects for others to experience and enjoy. This tutorial teaches you how to record a virtual experience you’ve created using the mirror mode in SteamVR.
-
A Saturday Night: Track and record movement in WebVR
Mozilla’s WebVR team has released a fun new virtual reality demo called A Saturday Night. Put your VR headset on, perform a dance, and share it with the world!
-
Firefox 4 Demos: 3 new demos!
Firefox 4 RC is here! And as promised last week, more demos are coming on our Web O’ Wonder website! Here is another round with 3 new demos. Take a look! 360° Video Navigate into a panoramic video. Try it yourself Source code Motivational Poster Editor Create your own motivationnal poster. Try it yourself Source […]