Featured Demos
-
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 […]
-
BrowserQuest – a massively multiplayer HTML5 (WebSocket + Canvas) game experiment
It’s time for some gaming action with a new HTML5 game demo: BrowserQuest, a massively multiplayer adventure game created by Little Workshop (@glecollinet & @whatthefranck) and Mozilla. Play the game: browserquest.mozilla.org BrowserQuest is a tribute to classic video-games with a multiplayer twist. You play as a young warrior driven by the thrill of adventure. No […]
-
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 […]
-
Screencast: BrowserID login flow on OpenPhoto.me
BrowserID is an initiative to provide the web with a better way to sign in. The web is a connected collection of resources and you should not have to have a user name and password for each of them when you could use the web instead. Today we show you a screencast of how easy […]
-
CSS 3D transformations in Firefox Nightly
When the first 3D transformations in CSS got support on Webkit browsers people got incredibly excited about them. Now that they have matured we also support 3D CSS in Firefox. To see it for yourself, check out one of the latest nightly builds. You can see them in action in this demo of a rotating […]
-
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 […]
-
Firefox 4 for Mobile: Demos!
The Release Candidate for Firefox 4 for mobile (Maemo and Android) is out. If you want to see a quick overview of Firefox for Mobile, look at Madhava’s post. Firefox 4 Desktop, Firefox 4 Mobile: same engine! And this is awesome! It means you will find the same feature in mobile and desktop: HTML5, CSS3 […]
-
Firefox 4 Demos: More 3D!
Firefox 4 is here! Yeah! And to celebrate the launch, we have released another round of demos on Web O’ Wonder, with 3 awesome WebGL demos! (This new round also introduces mobile-specific demos, see this dedicated blog post). WebGL: It’s 3D and Web Content together. Demo by Cédric Pinson and Guillaume Lecollinet. GlobeTweeter is a […]
-
Firefox 4 Demos: Awesome CSS3 Planetarium
O hai pixel lovers! Check out this gorgeous CSS3 demo: Planetarium, by the LittleWorkshop team (@glecollinet & @whatthefranck). Screencast: Youtube link. Gorgeous Animations The principal feature show-cased in this demo is CSS3 Transitions. The animation between the welcome-screen and the planet-screen, and the animation between the different planets are powered by transitions. But there are […]
-
Firefox 4 Demos: Runfield – a Canvas Game
Yeah! Another awesome demo in Web’o Wonder! With Hardware Acceleration and a fast JavaScript engine, the web platform is ready for Games. Runfield is an example. This HTML5 Game has been developed by Ilmari Heikkinen. It’s based on Canvas 2D, and this game works on all the recent browsers. (small definition version here – Oh! […]
