Mozilla

JavaScript Articles

Sort by:

View:

  1. Compiling to JavaScript, and Debugging with Source Maps

    • by and • Debugging, Developer Tools, Firefox, Firefox Aurora, Firefox Nightly, JavaScript, Node.js • No comments yet

    This is a tutorial on how to write a compiler which generates JavaScript as its target language, and maintains line and column meta-data in source maps for debugging. Storing line and column coordinates in a source map allows the end-user of the compiler to debug Read more…

  2. Detecting touch: it’s the ‘why’, not the ‘how’

    • by and • Featured Article, JavaScript, Mobile • 21 comments

    One common aspect of making a website or application “mobile friendly” is the inclusion of tweaks, additional functionality or interface elements that are particularly aimed at touchscreens. A very common question from developers is now “How can I detect a touch-capable device?” Feature detection for Read more…

  3. Serving Backbone for Robots & Legacy Browsers

    • by and • JavaScript, Node.js • 5 comments

    I like the Single Page Application model and Backbone.js, because I get it. As a former Java developer, I am used to object oriented coding and events for messaging. Within our HTML5 consultancy, SC5, Backbone has become almost a synonym for single page applications, and Read more…

  4. Adding cursor swipe to the Firefox OS keyboard

    • by and • Featured Article, Firefox OS, JavaScript • 14 comments

    In this article we will take a look at how to approach adding features to a core component in the system such as the input keyboard. It turns out it is pretty easy! Before we start, take a look at this concept video from Daniel Read more…

  5. Capturing – Improving Performance of the Adaptive Web

    • by and • JavaScript, Media Queries • 34 comments

    Responsive design is now widely regarded as the dominant approach to building new websites. With good reason, too: a responsive design workflow is the most efficient way to build tailored visual experiences for different device screen sizes and resolutions. Responsive design, however, is only the Read more…

  6. Building User-Extensible Webapps with Local

    • by and • HTML5, JavaScript • 4 comments

    In an interview with Andrew Binstock in 2012, Alan Kay described the browser as “a joke.” If that surprises you, you’ll be glad to know that Mr. Binstock was surprised as well. Part of the problem Kay pointed out is well-known: feature-set. Browsers are doing Read more…

  7. Finding Words by Synonym with Cinnamon.js

    • by and • JavaScript • 2 comments

    There are only two hard things in Computer Science: cache invalidation and naming things. — Phil Karlton Naming things in web development is hard too, from evolving CSS classes to headers and links. From the perspective of information architecture, headers and links serve as visual Read more…

  8. Simplifying audio in the browser

    • by and • Audio, JavaScript • 10 comments

    The last few years have seen tremendous gains in the capabilities of browsers, as the latest HTML5 standards continue to get implemented. We can now render advanced graphics on the canvas, communicate in real-time with WebSockets, access the local filesystem, create offline apps and more. Read more…

  9. Story of a Knight: the making of

    • by • Dev Derby, JavaScript • Comments off

    The travel of a medieval knight through fullscreen DOM. The ‘making of’ the demo that has won the November Dev Derby. Technologies used: Fullscreen API Canvas Google Maps Audio HTML5 Font-face jQuery: Latest jQuery version Scrollpath by Joel Besada jQuery-FullScreen by Martin Angelov Markup And Read more…

  10. Koalas to the Max – a case study

    • by • Canvas, Featured Article, JavaScript, SVG • 14 comments

    One day I was browsing reddit when I came across this peculiar link posted on it: http://www.cesmes.fi/pallo.swf The game was addictive and I loved it but I found several design elements flawed. Why did it start with four circles and not one? Why was the Read more…