About Links Archives Search Feed Albums of Note

The Client Side #015

Note to self: being offline for three weekdays doing sleep studies [http://en.wikipedia.org/wiki/Polysomnography] means a lot of blog posts in scan through. I’ll be playing catch up for a few days I think

Of Note * Opera 11.51 (Swordfish) Release Candidate 1 [http://my.opera.com/desktopteam/blog/2011/08/23/opera-11-51-release-candidate-1-swordfish-update] The Opera desktop team announce RC1 of their latest bugfix release for v11.50. Changelog is included at the link * The Web Comes of Age [http://www.zeldman.com/2011/08/24/the-web-comes-of-age-dibi-keynote-address-by-jeffrey-zeldman/] Full video of Jeffrey Zeldman’s DIBI Keynote Address (56:45)

Articles * Social Plugins’ Memory Usage [http://shawnwilsher.com/archives/549] Shawn Wilsher highlights a bug in Firefox whereby it nearly doubles the memory used to support two of the same Facebook Like buttons on one page when it should re-use the same resources. He also notes that Facebook requires downloading the same large chunk of script for each like button on the page - something for FB to address.

Tutorials * Fiddler In Action - Part 1 [http://www.mehdi-khalili.com/fiddler-in-action/part-1] Mehdi Khalili starts his look at the free Web Debugging Proxy tool fiddle. He begins by explaining how it works, and then presents an overview of its four basic features, monitoring and comparing web sessions, inspecting individual requests and responses, and decrypting https traffic * Fiddler In Action - Part 2 [http://www.mehdi-khalili.com/fiddler-in-action/part-2] In the second half of his Fiddler tutorial, Mehdi Khalili looks at some of the more advanced features it offers. He covers using the QuickExec feature to run any of a set of simple commands for filtering sessions based on a set of criteria, setting breakpoints on individual or groups of requests, and changing items sent to the requesting browser on the fly from both request and response breakpoints. He also covers the AutoResponder, RequestBuilder, Filters tab and FiddlerCap tool for capturing traffic and sending the logs to someone else. * How to Use HTML5 Drag & Drop (4 Parts) Craig Buckler looks at using the W3C File API [http://www.w3.org/TR/file-upload/] to enable the dragging and dropping of files from desktop to browser. In part one [http://www.sitepoint.com/html5-file-drag-and-drop/], he lays plain the browser support for this functionality and the basic html form and css for the demo which contains a file input element. Then he enables the basic drag and drop functionality with some javascript calling File API methods and XmlHttpRequest.upload. In part two [http://www.sitepoint.com/html5-javascript-open-dropped-files/], he looks at how to open the selected files – perhaps for pre-processing (resizing images etc) – before uploading to the server using script and the File API. In part three [http://www.sitepoint.com/html5-ajax-file-upload], he shows how to upload each selected (and now processed) file to the server asynchronously in the background. Note that to achieve this, he calls a PHP page to perform the actual save to server. Finally, part four looks at creating a progress bar for the users to keep track of the file upload’s progress. * More Dojo Tutorials from SitePen as they count down to DojoConf 2011 [http://dojoconf.com/]. In this batch, we have Using Custom Modules with a CDN [http://dojotoolkit.org/documentation/tutorials/1.6/cdn/], Connecting a dojo Object Store to a Dojo Tree [http://dojotoolkit.org/documentation/tutorials/1.6/store_driven_tree/], and dojo.NodeList Extensions [http://dojotoolkit.org/documentation/tutorials/1.6/nodelist_extensions/] * Replacing Subtle Flash Animations with CSS3 [http://www.impressivewebs.com/replace-flash-with-css3-animation/] Louis Lazaris uses the 84Colors website as a case study to demonstrate how CSS keyframe animation and transforms can easily replace their flash animation equivalents while falling back to unanimated variants for non-supporting browsers. * Adding Weather to Your Site with jQuery and YQL [http://www.onextrapixel.com/2011/08/22/adding-weather-to-your-site-with-jquery-and-yql/?] Nathan Rohler demonstrates how to combine a jQuery’s AJAX support with a Yahoo Query Language (YQL) request to Yahoo’s local weather service feeds to create a client-side Weather widget for your website

Code Demos  Downloads * JavaScript and CSS Spinners with spin.js [http://davidwalsh.name/spin-js] : David Walsh * FlyJSONP [http://alotaiba.github.com/FlyJSONP/] : a small JavaScript library that allows you to do cross-domain GET and POST requests with remote services that support JSONP [http://en.wikipedia.org/wiki/JSONP], and get a JSON response * How to Create a Pure CSS Glow Text on Hover [http://www.paulund.co.uk/2011/08/how-to-create-a-pure-css-glow-text-on-hover/] : Paulund * jQuery AutoComplete using multiple inputs in same table [http://www.codemashups.com/jquerys-autocomplete-using-multiple-inputs-in-same-table/] : Damian Clem * Image Zoom Tour with jQuery [http://tympanus.net/codrops/2011/08/23/image-zoom-tour/] : Mary Lou * Web Social Icons Set – HTML5 Logo Style [http://graphicdesignjunction.com/2011/08/web-social-icons-set-html5-logo-style/] : Graphic Design Junction

Posted on August 25, 2011   #The Client Side  

← Next post    ·    Previous post →