JavaScript Articles
-
experimenting with HTML5 video at the BBC
The BBC has a post up describing an experiment that they have put together that uses HTML5 video that works in Firefox 3.5 and Safari. The demo uses jQuery and drives a simple carousel that shows the current chapter as the video plays. It also shows subtitles as the video plays. One really great, and […]
-
Animating like you just don’t care with Element.animate
In Firefox 48 we’re shipping the <a href="https://developer.mozilla.org/docs/Web/API/Element/animate" target="_blank"><b>Element.animate()</b></a> API — a new way to programmatically animate DOM elements using JavaScript. Let’s pause for a second — “big deal”, you might say, or “what’s all the fuss about?” After all, there are already plenty of animation libraries to choose from. In this post I want […]
-
ES6 In Depth: let and const
ES6 In Depth is a series on new features being added to the JavaScript programming language in the 6th Edition of the ECMAScript standard, ES6 for short. The feature I’d like to talk about today is at once humble and startlingly ambitious. When Brendan Eich designed the first version of JavaScript back in 1995, he […]
-
ES6 In Depth: Rest parameters and defaults
ES6 In Depth is a series on new features being added to the JavaScript programming language in the 6th Edition of the ECMAScript standard, ES6 for short. Today’s post is about two features that make JavaScript’s function syntax more expressive: rest parameters and parameter defaults. Rest parameters A common need when creating an API is […]
-
Browserify and Gulp with React
The JS world moves quickly, and nowadays, there’re some new kids around the block. Today, we’ll explore Browserify, Gulp, and React and see whether they’d sound suitable for our projects. You might have heard of them but not have had the time to check them out. So we’ll look at the advantages and disadvantages of […]
-
Easy audio capture with the MediaRecorder API
The MediaRecorder API is a simple construct, used inside Navigator.getUserMedia(), which provides an easy way of recording media streams from the user’s input devices and instantly using them in web apps. This article provides a basic guide on how to use MediaRecorder, which is supported in Firefox Desktop/Mobile 25, and Firefox OS 2.0. What other […]
-
Introducing the Canvas Debugger in Firefox Developer Tools
The Canvas Debugger is a new tool we’ll be demoing at the Game Developers Conference in San Francisco. It’s a tool for debugging animation frames rendered on a Canvas element. Whether you’re creating a visualization, animation or debugging a game, this tool will help you understand and optimize your animation loop. It will let you […]
-
Multimedia on the web and using HTML5 sensibly
Last week I went to the London Ajax User Meetup in London, England to deliver two talks about HTML5. One was a re-run of a talk I gave at MIT about Multimedia on the web and the second was a call to arms to use HTML5 sensibly. You can go over to Skillsmatter web site […]
-
Spirit of Indiana (Jones) – syncing HTML5 Video with Maps
I’ve always been a big fan of the travel/flight sequences in the Indiana Jones movies and judging by the amount of copy attempts on YouTube I am not alone in this. As I don’t own any video editing software I thought it should be possible to create the same effect with web technologies and Google […]
-
Brendan Eich at JSConf 2010 – what's coming in ECMAScript 5 and more
Note: We at Mozilla wholeheartedly approve of Brendan’s use of Bruce Campbell.