About Links Archives Search Feed Albums of Note

The Client Side #007

It is amazing how much you much change your day’s agenda to avoid being around city centre riots [http://www.bbc.co.uk/news/uk-england-birmingham-14464435].

Of Note * HTML5: Edition for Web Authors First Working Draft Released [http://www.w3.org/TR/2011/WD-html5-author-20110809/] The W3C has released the first working draft of the HTML5 spec for web developers only, i.e. without all the info for browser developers. This is analogous to the What-WG version for webdevs athttp://developers.whatwg.org/ * “Responsive Web Design” Book Review and Giveaway [http://webdesign.tutsplus.com/articles/reviews/responsive-web-design-book-review-and-giveaway/] Webdesigntuts+ has a review of and  a competition to win a copy of Ethan Marcotte’s Responsive Web Design book. Closing date is Aug 13. * Book : HTML5 Media [http://oreilly.com/catalog/0636920019824/] Shelley Powers new introductory book on the HTML5 Media elements. “[It] shows you how to add HTML5 media elements to your web pages, and how to provide custom controls for letting web visitors interact with the content. You’ll also learn how to provide subtitles and captions, using file formats that work in browsers now.” * Book : Using the HTML5 Filesystem API [http://oreilly.com/catalog/0636920021360] Eric Beidelman’s new introductory book to the HTML5 Filesystem API is now available. “You’ll learn how to provide your applications with a true file system that enables them to create, read, and write files ands folders in a sandboxed section of the user’s local filesystem.”

To Read * The details and summary elements [http://html5doctor.com/the-details-and-summary-elements/] Tom Leadbetter looks at the HTML5 details element, the built-in element for toggling visible content. He presents demos of both simple and nested details elements, notes existing polyfills for crowser-browser support and the current state of accessibility for it. * Indeterminate Checkboxes [http://css-tricks.com/13467-indeterminate-checkboxes/] Chris Coyier looks briefly at how to implement a third state for a checkbox in addition to (un)checked - indeterminate - and gives a use case for it. * TO DO Application Using Local Storage [http://fadihania.com/2011/08/html5-to-do-application-using-local-storage/] Fadi Hania demonstrates the Web Storage API by building an online to-do list that saves its contents locally. * Introducing the Knockout.Unobtrusive Plugin [http://userinexperience.com/?p=689] Brandon Satrom announces the first release of Knockout.Unobtrusive which enables script-based bindings in the knockout.js MVVM framework in addition to the default data-bind syntax * Developing a Digg-Style Input Form With CSS3 and jQuery [http://designshack.co.uk/articles/javascript/developing-a-digg-style-input-form-with-css3-and-jquery/] Jake Rocheleau takes a blank page and demonstrates how to create forms with the same aesthetics as the new-look Digg submission form using CSS3 and jQuery * Working with HTML Fragments in jQuery [http://www.moretechtips.net/2011/08/working-with-html-fragments-in-jquery.html] Mike at MoreTechTips presents a couple of quick jQuery functions to help deal with HTML fragments returned in an AJAX query. The first creates a wrapper around the fragment and the second prevents the contents of iframes and images in the fragment being loaded automatically by the browser before you’ve processed them * Why (And How) You Should Use HTML5 Microdata [http://www.vanseodesign.com/web-design/html5-microdata/] Stephen Bradley looks at using Microdata - part of HTML5 rather than additional like microformats - to add semantic meaning and structure to the data on your web pages. The three main microdata attributes are demonstrated along with the use of schema.org itemtypes to make these annotations search engine friendly.

To Try * 10 of the Best CSS3 Code Generators [http://www.sitepoint.com/10-best-css3-code-generators/?] Criag Buckler looks at ten of the best online tools to generate your CSS3 code for you. * Saving generated files on the client-side [http://updates.html5rocks.com/2011/08/Saving-generated-files-on-the-client-side?] Eli Grey has made available FileSaver.js. This implements the W3C saveAs() FileSaver interface in browsers that do not natively support it. To demonstrate, he has written canvas-toBlob.js that saves the contents of a canvas to the local filesystem * New HTML5 BBC iPlayer for TV [http://www.bbc.co.uk/blogs/bbcinternet/2011/08/bbc_iplayer_connected_tv.html] The BBC Internet blog announces a new version of the BBC’s iPlayer. Initially only for PS3 users, there’s a video demo for the rest of us

Posted on August 9, 2011   #The Client Side  

← Next post    ·    Previous post →