HTML Articles
-
HTML5, CSS3, and the Bookmarklet that Shook the Web
On Valentine’s Day last year we released a bookmarklet that went viral riding the popularity of the Harlem Shake meme. On the anniversary of its release we’d like to take a moment look back at the technical nuts and bolts of the bookmarklet as a case study in applying HTML5. In fact, the HTML, JavaScript, […]
-
Using data-* attributes in JavaScript and CSS
When HTML5 got defined one of the things that was planned for was extensibility in terms of data that should be in the HTML, but not visible. The data-* attributes allow us to store extra information on HTML elements without needing to use a non-semantic element or pollute the class name. In essence this is […]
-
HTML5 Guitar Tab Player with the Firefox 4 Audio Data API
Greg Jopa, an Illinois State University grad student studying web development, built a web-based guitar tab player using Firefox’s Audio Data API and Vexflow (HTML5 music notation rendering API). Here is some details from Greg. You can also read more about this experiment on his blog. I created a mashup using the Firefox 4 Audio […]
-
Developer Edition 41: View source in a tab, screenshot elements, HAR files, and more
When we introduced the new Performance tools a few weeks ago, we also talked about how the Firefox Dev Tools team had spent a lot of time focusing on user feedback and what we call ‘polish’ bugs – things reported via our UserVoice feedback channel and Bugzilla. Even though the Firefox 41 was a short […]
-
The <progress> element
The <progress> element just landed in Firefox Aurora (to be Firefox 6). As its name indicate, this element can be used to give visual clues of anything in progress on a Web page: a set of ressources being downloaded, a file being uploaded, a computing Web Worker, a WebGL scene being initialized… Following is a […]
-
History API changes in Firefox 4
This is a guest post by Jonas Sicking, one of the Gecko developers. As I’m sure you know we’re getting ready to ship Firefox 4. And as you might know Firefox 4 includes the history API (which includes the pushState() and replaceState() methods) defined in HTML5. This API is also implemented in Safari and Chrome, […]
-
A call for quality HTML5 demo markup
HTML5 is a necessary evolution to make the web better. Before the HTML5 specs were created we used (and still use) a hacked together bunch of systems meant for describing and linking documents to create applications. We use generic elements to simulate rich interaction modules used in desktop development and we make assumptions as to […]
-
Build an HTML5 game—and distribute it
Last year, Mozilla and Humble Bundle brought great indie titles like FTL: Faster Than Light, Voxatron, and others to the Web through the Humble Mozilla Bundle promotion. This year we plan to go even bigger with developments in JavaScript such as support for SIMD and SharedArrayBuffer. Gaming on the Web without plugins is great; the […]
-
Resources for HTML5 game developers
Today we released Firefox 31 and it offers a couple of new features that help HTML5 game developers to code and debug sophisticated games. In addition Mozilla blogged about the first commercial games leveraging asm.js, Dungeon Defenders Eternity and Cloud Raiders both of which were cross-compiled in to JavaScript using the Emscripten compiler. Games like […]
-
Fun with new technologies at the Firefox 4 launch party in London
For the Firefox 4 launch party in London, England we wanted to show off to the audience why it is such a big thing that we are moving leaps and bounds in the browser market. Here are the slides and notes explaining just how much fun we can have as developers these days if we […]