SUPERHERO.JS -
Creating, testing and maintaining a large JavaScript code base is not easy — especially since great resources on how to do this are hard to find. This page is a collection of the best articles, videos and presentations we've found on the topic.
posted by Artw
on Mar 22, 2013 -
10 comments
3... 2... 1...
fontBomb! Detonate your favourite websites in stylish fashion with this experimental bookmarklet by Philippe-Antoine Lehoux.
[more inside]
posted by oulipian
on Jul 6, 2012 -
10 comments
Having trouble with Javascript? An automated solution, the descendant of a long line of
DWIM aids to programming, is at hand. (library name NSFW)
[more inside]
posted by zippy
on Jun 23, 2012 -
45 comments
on{X} is an automation framework that allows you to program and customize various aspects of your Android Smartphone using JavaScript. The developers at Microsoft have also provided a set of customizable pre-baked
recipes for the JavaScriptially-challenged.
[more inside]
posted by schmod
on Jun 22, 2012 -
25 comments
Web developer
Justin Watt was staying at the
Courtyard Marriott in Times Square, New York and using the hotel wifi to access the Internet. He noticed
some strangeness on his website... and on every other website he visited (not to mention YouTube was broken.)
In short, Marriott is injecting JavaScript into the HTML of every webpage its hotel customers view for the purpose of injecting ads (and in the meantime, breaking YouTube). Marriott’s wireless internet service provider is a third-party company called Hotel Internet Services, so it is possible, though unlikely, that Marriott doesn’t know what’s going on. But it’s crazy to me that I’m paying $368 a night for a hotel room, and this is how I get treated.
[more inside]
posted by gen
on Apr 5, 2012 -
113 comments
WebGL, the 3D technology that's associated with HTML5, continues to make giant strides in diverse areas:
Exploration of human anatomy: Zygote Body, released yesterday, and BioDigital Human, the successors to Google Body (previously)
World Visualisation: WebGL Earth, Nokia's 3D Map of the entire earth (previously). WorldWeather and The WebGL Globe, a Google project that displays all kinds of data. Also: Where Does My Tweet Go?
Games: browser ports of Team Fortess 2, Quake 3 and Rage (a developer’s diary). SkidRacer, an entire game in WebGL. Mini Mass Effect (not yet playable, sadly).
Musicals: Lights.
Tools: 3Notes.js, a visual scene editor. Developer documentation. More resources. [more inside]
posted by Bora Horza Gobuchul
on Mar 28, 2012 -
27 comments
WAT. - A lightning talk by Gary Bernhardt from CodeMash 2012, on the peculiarities of some popular scripting languages. (Single video link, around 4 minutes in length.)
posted by Slap*Happy
on Feb 2, 2012 -
37 comments
What's a JavaScript Closure? Ever wonder about some of JavaScript's more advanced and esoteric features? Nathan Whitehead's interactive tutorial explains and walks through each of these concepts one step at a time. At the end of each lesson, you are encouraged to write short snippets of code demonstrating the concepts that you just learned, which are then automatically checked for errors and verified.
Perhaps you're new to JavaScript, or programming in general;
CodeAcademy offers similar interactive tutorials that will teach you the basics, and hold your hand along the way. Perhaps you'd rather learn at a more even pace; CodeAcademy's
CodeYear will introduce you to one new concept every week throughout 2012.
[more inside]
posted by schmod
on Jan 20, 2012 -
42 comments
Released yesterday,
dabblet joins an array of live sandbox tools designed to prototype, test and share webcode that includes
JSFiddle and
CSSDesk, while
bringing some advantages of its own.
Other useful resources:
w3clove validates an entire site, rather than page-by-page;
JQuery Air teaches you how to use the framework directly in the browser;
domain.nr finds clever TLDs for your site, and
Sequel Pro is a nice, free, native, open source MySQL editor for OS X. If you’re more the old-school dead-tree type, there’s always
The Manual.
posted by Bora Horza Gobuchul
on Dec 16, 2011 -
9 comments
Over the past several years, Mozilla's
collection of developer documentation for its own web browsers has turned into a wiki-editable reference of web standards for developers working with
all browsers, hosting a comprehensive, no-nonsense reference of
HTML,
HTML5,
CSS,
JavaScript, the
DOM, and
more. If you find yourself turning to this reference frequently,
dochub provides instant access to Mozilla's documentation for any HTML, CSS, JavaScript, or DOM-related topic. If you're worried that a fancy new standard might not work in an older browser,
canIuse will tell you exactly how many browsers will support that new standard. Still want to use that shiny new standard?
Modernizr and
yepnope will let you detect missing features, and load
tiny bits of code to make old browsers support the latest HTML5 hotness.
[via the carefully-curated selections of
JavaScript and
HTML5 Weekly, run by
MetaFilter's own wackybrit]
posted by schmod
on Dec 7, 2011 -
23 comments
Code Hero is a game designed to teach programming. It uses the first-person shooter idiom, where you are armed with a Code Gun that shoots JavaScript. It reminded me a little of
hacking the Gibson.
posted by sigma7
on Sep 11, 2011 -
118 comments
Doom was a classic game, revolutionary in its time. And it took a high-end machine to run it, like a 486 running 25 MHz (ooh! aah!).
Times have changed: it's been ported to Javascript, and it will run in your browser.
posted by Chocolate Pickle
on May 31, 2011 -
47 comments
Infinity Blade is an
iOS game available for iPhone, iPad, and iPod Touch. It is typically seen as a send-up of the classic game
Punch-Out!! mashed up with
roleplaying game conventions such as experience points and character-modifying equipment. Its defining trait is that it relies upon
new game+ to advance your character (actually your character's family/bloodline) and the story.
J. Nicholas Geist over at
Kill Screen has written
a review to match the game.
posted by curious nu
on May 20, 2011 -
43 comments
What the Heck is Shadow DOM? Browser developers realized that coding the appearance and behavior of HTML elements completely by hand is a) hard and b) silly. So they sort of cheated. They created a boundary between what you, the Web developer can reach and what’s considered implementation details, thus inaccessible to you. The browser however, can traipse across this boundary at will.
posted by netbros
on Jan 18, 2011 -
38 comments
Canvas Rider is an addictive game where you ride a bike on thousands of tracks drawn by other players. It's written only in JavaScript & HTML5, using the most of the new <canvas> element.
posted by sveskemus
on Oct 11, 2010 -
37 comments
