Mozilla has a nice overview of insertAdjacentHTML, a DOM function that’s intended to supplement innerHTML. It’s a bit less destructive and plays nicely with content that’s already in the DOM. For instance, whereas innerHTML completely blows away whatever is inside the container element, insertAdjacentHTML has handy positioning features (beforebegin, afterbegin, beforeend, afterend) that allows the newly inserted content to work around existing content.
The creator of CoffeeScript, Jeremy Ashkenas, also weighed into the debate with his own succinct version, which garnered a lot of attention. In response to Jeremy’s proposal, Brenden Eich offered his own modification.
Finally, Nicholas Zakas offered a summary of Jeremy’s proposal and offered his own backwards-compatible version.
Twilight of Flash and Silverlight
In related news, Microsoft may halt development on Silverlight. This wouldn’t come as a surprise, as Microsoft has also been shifting more towards HTML5 and its related open web technologies, away from more proprietary technologies.
Yahoo! recently announced Livestand, another Flipboard clone for iPad. It’s actually surprisingly well-polished and worth a look. Most of it is powered by web technologies in web views, which is pretty impressive.
The backing technologies include YUI3 and Node.js for the middle tier, which Yahoo calls Cocktails. Cocktails is made up of a variety of technologies, notably what Yahoo! calls Mojito (the Node.js MVC) and Manhattan (the cloud hosting environment).
From what I understand, Yahoo is planning on open-sourcing Cocktails, so it will be interesting to see if it’s successfully adopted anywhere else outside of Yahoo!.
Libraries and Frameworks
benchmark.js is a multi-platform benchmarking library that supports high-resolution timers
zappa is a CoffeeScript-optimized interface to Express and Socket.IO
*[data-markdown] – a very simple markdown-to-HTML script by Paul Irish
flatiron is an unobtrusive framework initiative for Node.js, aiming to let developers put together the building blocks of their applications as they see fit
Moment.js is a lightweight library for date parsing, manipulating, and formatting
Notifier.js is a Growl-like notifier for webpages (requires jQuery)
The trap of the performance sweet spot – the tradeoff of performance for code readability
jQuery now has a standards team to represent the jQuery community to standards bodies and browser vendors
WebGL Inspector: An advanced WebGL debugging toolkit
How One Missing “var” Ruined our Launch (or, as someone on Twitter phrased it, “The dangers of brogramming”). Run JSLint/JSHint, people!
Enabling & Using WebGL on iOS – if you hack at it hard enough, you can use WebGL in web views on iOS (or with iAd)
IE10 has HTML5 history! (pushState, replaceState, etc)
Paul Hayes has whipped up a polyfill for media query list listeners, events that fire when media queries are matched. It seems like the most common use case is a screen rotation, in which case it’s probably easier just to tie into the onresize event, but in the case of more complicated media queries, this is for you!
Function.prototype.notifier (Web Reflection) – for monitoring the lifecyle of functions
IE10 is by far the best-performing browser in test262 (official ECMAScript compliance test) – only 6 fails, compared to Firefox 8’s 164 fails and Chrome 16’s 415 fails!
Mozilla’s wiki for their JoystickAPI
jQuery Mobile 1.0 will be out soon!
(audio) NodeUp episodes five and six have been released
(video) Wakanday 2011 videos are starting to surface
jQuery Summit 2011 (November 15-16, 2011 online)
W3Conf (November 15-16, 2011 in Seattle, WA, USA)
Copenhagen JS (November 17, 2011 in Copenhagen, Denmark)
indieconf 2011 (November 19, 2011 in North Carolina, US)
LyonJS (November 21, 2011 in Lyon, France)
London JS: Web Components & HTML5 (November 25, 2011 in London, England)
jQuery UK 2012 (February 10, 2012)