About Links Archives Search Feed Albums of Note

The Client Side #012

Of Note * Firefox 6 is here [https://hacks.mozilla.org/2011/08/firefox6/] Version 6 of the Mozilla browser has been released – the first under its new ‘release more often’ strategy and eight weeks after Firefox 5. “The most notable addition to this new release are the element, touch events, Server-Sent Events as well as the return of WebSockets.” according to Mozilla Hacks [https://hacks.mozilla.org/2011/08/firefox6/] which gives a brief rundown of these features as well as a full list of many other new items. Sitepoint also highlights its favourite new features [http://www.sitepoint.com/firefox-6-whats-new/] and .net magazine [http://www.netmagazine.com/node/1328] asks whether the quick release schedule is good for devs or not? Scott Gilbertson at WebMonkey also highlights Scratchpad [http://www.webmonkey.com/2011/08/scratchpad-puts-a-javascript-editor-inside-firefox/] , the new Javascript editor in Firefox 6. * Scalable Vector Graphics (SVG) 1.1 (Second Edition) [http://www.w3.org/TR/2011/REC-SVG11-20110816/] The W3C has now made SVG 1.1 a full W3C recommendation * XMLHttpRequest Level 2 - New Working Draft [http://www.w3.org/TR/2011/WD-XMLHttpRequest2-20110816/] A new working draft of the spec has been released. The XMLHttpRequest Level 2 specification enhances the XMLHttpRequest object with new features, such as cross-origin requests, progress events, and the handling of byte streams for both sending and receiving. * W3C’s New ‘Community Groups’ Give Everyone a Voice in HTML5 [http://www.webmonkey.com/2011/08/w3cs-new-community-groups-give-everyone-a-voice-in-html5/] Scott Gilbertson reports the W3C’s creation of community groups - effectively public forums where W3C members will hang out so you can help influence their ongoing work. The W3C Press release is here [http://www.w3.org/2011/08/cg-pr.html.en].

Articles * How Browsers Work: Behind the Scenes of Modern Web Browsers [http://www.html5rocks.com/en/tutorials/internals/howbrowserswork/] Tali Garsiel takes an indepth look at the internal operations of Webkit and Gecko. She covers, the rendering engine, parsing, DOM trees, render trees, layout, window painting, the thread model and the CSS2 visual model * Native+Web: The New LinkedIn Apps come with Backbone, Node, and more [http://functionsource.com/post/nativeweb-the-new-linkedin-apps-come-with-backbone-node-and-more] Dion Almaer talks to Kiran Prasad, mobile development chief at LinkedIn on their approach to building hybrid apps for multiple mobile OSs and their website. They cover tools used and the native+web approach to building modern mobile apps * A URL in Any Language: Getting to know the next generation of URLs [http://uxmag.com/technology/a-url-in-any-language?] John Yunker at UX Magazine provides an excellent introduction to Internationalized Domain Names (IDNs) the first main change to URLs since RFC3986

Tutorials * Improving HTML5 Canvas Performance [http://www.html5rocks.com/en/tutorials/canvas/performance/] Boris Smus looks at how to optimize canvas performance on a web page (rather than how to use it). He looks at eleven different techniques that may improve performance as well as suggesting to use JSPerf to verify your results. * Integrating Canvas into your Web App [http://www.html5rocks.com/en/tutorials/canvas/integrating/] David Tong looks at how to use the HTML5 canvas element to create, edit, open and export images. He also looks at using HTML5 LocalStorage for saving canvas elements, saving the whole canvas as a binary file on the server, and suggests a few JS libraries to give all browsers the same experience * When Visitors Print — About That Print Stylesheet [http://designfestival.com/when-visitors-print-about-that-print-stylesheet/] Tim Connell looks at print stylesheets, covering tips for removing items that don’t need to be printed, using better fonts for printed matter, adding branding to the printout, dealing with links and other interactive elements, and using the jQuery Print Preview plugin * dat.gui: Exceptional JavaScript Interface Controller [http://davidwalsh.name/dat-gui?] David Walsh takes a flying tour around dat.gui, “a lightweight controller library that allows you to easily manipulate variables and fire functions on the fly.” * Leverage CSS when resizing HTML elements using JavaScript [http://milan.adamovsky.com/2011/08/leverage-css-when-resizing-html.html] Milan Adamovsky looks at why frameworks use only javascript to resize html elements, why this isn’t the best solution and how to leverage CSS to do it better

Code Demos * Creating CSS3 jQuery crossbrowser Drop-down menu with tabs [http://www.queness.com/community-news/8878/creating-css3-jquery-crossbrowser-drop-down-menu-with-tabs] – Queness * PHP Code to Combine and Compress CSS [http://www.paulund.co.uk/2011/07/php-code-to-combine-and-compress-css/] – Paul Lund * Circular Content Carousel with jQuery [http://tympanus.net/codrops/2011/08/16/circular-content-carousel/] – Mary Lou @ Codrops * Make Cross Domain AJAX Calls With jQuery and PHP [http://www.paulund.co.uk/2011/08/make-cross-domain-ajax-calls-with-jquery-and-php/] – Paul Lund * Format and un-format money/currency in JavaScript [http://www.josscrowcroft.com/2011/code/format-unformat-money-currency-javascript/] – Jess Crowcroft

Posted on August 17, 2011   #The Client Side  

← Next post    ·    Previous post →