Articles by Paul Rouget
-
Firefox Development Highlights – Viewport percentage, canvas.toBlob() and WebRTC
To keep you updated on the latest features in Firefox, here is again a blog post highlighting the most recent changes. This is part of our Bleeding Edge series, and most examples only work in Firefox Nightly (and could be subject to change). Viewport-percentage lengths Gecko now supports new lenght units: vh, vw, vmin and […]
-
Introducing Firefox Development Highlights
We know he have a lot of readers out there interested in the Open Web and its capabilities, and part of that is to see the latest additions and implemented features in Firefox. Therefore, we’re introducing Firefox Development Highlights here at Mozilla Hacks. Introduction The purpose of this post is to highlight some of the […]
-
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 […]
-
Faster Canvas Pixel Manipulation with Typed Arrays
Edit: See the section about Endiannes. Typed Arrays can significantly increase the pixel manipulation performance of your HTML5 2D canvas Web apps. This is of particular importance to developers looking to use HTML5 for making browser-based games. This is a guest post by Andrew J. Baker. Andrew is a professional software engineer currently working for […]
-
Tilt: Visualize your Web page in 3D
Tilt is a Firefox extension that lets you visualize any web page DOM tree in 3D. It is being developed by Victor Porof (3D developer responsible with the Firefox extension itself), along with Cedric Vivier (creating a WebGL optimized equivalent to the privileged canvas.drawWindow, see #653656) and Rob Campbell (who first thought about creating a […]
-
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 […]
-
MarbleRun, an HTML5 Game
Take the HTML5 Canvas element, a Javascript library to do the physics (box2d), add a nice design, a social touch, and you have an awesome HTML5 Game called MarbleRun! MarbleRun was the winner of the last Mozilla Game On Challenge, among other exciting HTML5 games (check them out), and had been added to Web O’ […]
-
How to resume a paused or broken file upload
This is a guest post written by Simon Speich. Simon is a web developer, believer in web standards and a lover of Mozilla since Mozilla 0.8 (!). Today, Simon is experimenting with the File API and the new Slice() method introduced in Firefox 4. Here is how he implements a resume upload feature in a […]
-
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 […]
-
The story of an Audio & WebGL Demo: No Comply
The audio team is made up of a group Mozilla volunteers who developed the Audio API and, most recently, a new generation of WebGL demos. This is the story of the development of the No Comply demo. In the fall, after finishing Flight of the Navigator, our team of audio and WebGL hackers was looking […]