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
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