JavaScript Articles
-
Content Security Policy 1.0 lands in Firefox Aurora
The information in this article is based on work together with Ian Melven, Kailas Patil and Tanvi Vyas. We have just landed support for the Content Security Policy (CSP) 1.0 specification in Firefox Aurora (Firefox 23), available as of tomorrow (May 30th). CSP is a security mechanism that aims to protect a website against content […]
-
Compiling to JavaScript, and Debugging with Source Maps
Update 2013/05/29: I have updated the article to reflect recent changes in the source map specification where the //@ syntax for linking a source map to a script has been deprecated in favor of //# due to problems with Internet Explorer. This is a tutorial on how to write a compiler which generates JavaScript as […]
-
Detecting touch: it's the 'why', not the 'how'
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 touch Although there used to be a few incompatibilities and […]
-
Serving Backbone for Robots & Legacy Browsers
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 it is easy to move between projects because everybody gets […]
-
Adding cursor swipe to the Firefox OS keyboard
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 Hooper to get an idea of what we want to […]
-
Capturing – Improving Performance of the Adaptive Web
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 tip of the iceberg when it comes to creating a […]
-
Building User-Extensible Webapps with Local
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 today what word-processors and presentation tools have done for decades. […]
-
Finding Words by Synonym with Cinnamon.js
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 waypoints, helping users build mental models of a site and […]
-
Simplifying audio in the browser
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. However, the one area that has lagged behind is audio. […]
-
Story of a Knight: the making of
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 Style Markup and style are organized in this way: An […]