What is the current state of the art in HTML canvas JavaScript libraries and frameworks
Five Tools for Managing Complexity in Large-Scale JavaScript Projects - Signals Blog
JavaScript lacks many of the tools and culture that define a clear 'right way' to approach large-scale projects. Yet it's still possible to build and maintain complex software with JavaScript. But how? For the last year, I've been involved in the development of a chemical structure editor written in JavaScript. ChemWriter is an interactive, graphically-oriented component that combines many characteristics of a drawing program with chemistry domain knowledge. In the course of developing ChemWriter, we've experimented with many tools and approaches for managing complexity as the capabilities of the software increased. Google Closure. ChemWriter is a component consisting of over 14,000 lines of JavaScript code spread over 112 source files and 14 packages, and is backed by over 1,600 automated tests.
Patterns For Large-Scale JavaScript Application Architecture
Today we're going to discuss an effective set of patterns for large-scale JavaScript application architecture. The material is based on my talk of the same name, last presented at LondonJS and inspired by previous work by Nicholas Zakas. Who am I and why am I writing about this topic? I'm currently a JavaScript and UI developer at AOL helping to plan and write the front-end architecture to our next generation of client-facing applications. I also consider myself something of a design pattern enthusiast (although there are far more knowledgeable experts on this topic than I). Can you summarize this article in 140 characters? In the event of you being short for time, here's the tweet-sized summary of this article: Decouple app. architecture w/module,facade & mediator patterns. What exactly is a 'large' JavaScript application? Before we begin, let us attempt to define what we mean when we refer to a JavaScript application as being significantly 'large'. Let's review your current architecture.
webgl
iPhone Style Tab Control with HTML, CSS and JavaScript « CSS3 Wizardry
Works with Desktop Safari, Desktop Google Chrome, Desktop Firefox 4, Android, iPhone, iPod Touch and iPad.Please not that this was originally designed for Android/iPhone/iPad use. It can be used on modern desktop browsers. Just note that the attached example will only work with Firefox 4 or later because it uses CSS3 transitions for navigation. If you’ve used an iPhone or iPad, you’ve seen them. Actually, Apple uses them on the operating system. The interaction is simple and immediate. Let’s go over the markup for the tab control. As you can see, the markup is very straightforward and we can easily reuse the pattern through an application as necessary. Here’s the markup. This will give us a tab control that looks like this: Now we’re going to create the JavaScript to make the tabs function. Anyway, here’s the code that creates the tab: If you look at the argument passed in, setupTabs expects a selector indicating the parent element that the tab control abides in. should be: and the line:
How to enable locale switching in a XULRunner application
This article is for developers who have localised their XUL application using DTD entity files and want to provide their users with a mechanism to switch the locale in the application itself. Normally the application locale is inherited from the OS environment of the host system, however there are situations when you might want to give users the option to override the default setting and choose a different locale. Here is an outline of the solution: 1. First, you need to tell XULRunner that your application wishes to ignore the default OS locale and that it will do its own choosing instead. defaults/preferences/prefs.js /* Don't inherit OS locale */pref("intl.locale.matchOS", "false");/* Choose own fallback locale; later it can be overridden by the user */pref("general.useragent.locale", "en-GB"); Note that some distributions of XULRunner or Firefox don't honour the "intl.locale.matchOS" setting, so in those cases you won't be able to override the OS locale [Debian Iceweasel bug #417961].
Turning arguments into an array | mennovanslooten.nl
In JavaScript, when you're dealing with functions that don't have a fixed number of arguments, there's a neat, built-in, local variable called arguments which almost is an array of all the arguments that have been passed to that function. Almost, but not quite. Luckily there's a simple way to close the gap and turn the arguments variable into something more manageable. Here's a quick example of how arguments can be used: function add() { for(var i = 0, total = 0; i < arguments.length; i++) { total += arguments[i]; } alert(total); } add(1, 2, 3); // alerts 6 add(1, 2, 3, 4); // alerts 10 This function can deal with any number of arguments and alerts the sum of them. Instead of adding numbers, let's see if we can concatenate strings: function concat() { alert(arguments.join(' ')); } // error: arguments.join is not a function concat('This', 'does', 'not', 'work'); The error appears because the arguments variable is not actually an array and doesn't have any built-in methods.
