About Links Archives Search Feed Albums of Note

The Client Side #004

Of Note * CSSOM View Module Draft Published Anne van Kesteren has released a Working Draft of the CSSOM View Module. This is the API to be used to inspect and alter the view of a document (a la Responsive Web Design). * 10K Apart: The Responsive Edition [http://visitmix.com/writings/10k-apart-the-responsive-edition] Nishant Kothary announce the launch of this year’s 10K Apart competition. The challenge? The best Responsive HTML5 app you can build in 10k zipped by Sep 12. Full rules are included. The submission page is here [http://10k.aneventapart.com/] Good luck!!

To Read * Create a page flip effect with HTML5 canvas [http://www.netmagazine.com/tutorials/create-page-flip-effect-html5-canvas] Hakim El Hattab demonstrates how to use the HTML5 canvas and javascript to recreate Flash’s page flip effect * HTML5 Geolocation [http://thinkvitamin.com/code/html5/html5-geolocation-free-video/] (Video) Jim Hoskins at Think Vitmain presents a seven minute video on the HTML5 Geolocation API * HTML5 Part 4: Using HTML5 while retaining support for older browsers [http://blogs.msdn.com/b/jennifer/archive/2011/08/04/html5-part-4-using-html5-while-retaining-support-for-older-browsers.aspx] Jennifer Marsman continues with her week’s blogging on HTML5 with a look at maintaining backwards compatibility whilst using HTML5 in your sites, using polyfills to add in API features from HTML5 back into older browsers via JavaScript implementations. * What Makes For a Semantic Class Name? [http://css-tricks.com/13423-semantic-class-names/] Chris Coyier opens up the debate as to what makes for good semantic HTML5. Worth reading the comments on this as well * Testing Your JavaScript with Jasmine [http://net.tutsplus.com/tutorials/javascript-ajax/testing-your-javascript-with-jasmine/?] Andrew Burgess runs through the Jasmine BDD testing framework. He establishes the BDD vs TDD difference, looks at Jasmine syntax and its built-in matcher functions, how to set up a standalone Jasmine project (it can be integrated with Rails), how to write the tests and read the test report * Full Awesome with dojo.partial and MooTools’ Function.partial [http://davidwalsh.name/dojo-partial] David Travers looks at the Dojo Toolkit’s dojo.partial helper method which allows you to call a method with additional arguments tacked on to the call. He looks at the syntax and scenarios where you’d use it. * Use Paper.js to create HTML5 interactive vector animations [http://www.netmagazine.com/node/1281?] “Dr Woohoo” takes a look at paper.js, an open source vector graphics framework built on the HTML5 canvas. In particular, he drills into the framework’s DOM using it to draw rectangles, circles, shadows and highlights.

To Try * jQuery Mobile Beta 2 Released! [http://jquerymobile.com/blog/2011/08/03/jquery-mobile-beta-2-released/] The jQuery mobile team announce their beta2 release detailing current phone compatibility and new features * Kendo UI First Public Beta [http://www.kendoui.com/] Telerik have released the first public beta of their HTML5 jQuery-based framework. The site includes several demos, documentation (currently sketchy), roadmap for future development and forums * d3.js [http://mbostock.github.com/d3/] D3 is a small, free JavaScript library for manipulating HTML documents based on data. D3 can help you quickly visualize your data as HTML or SVG, handle interactivity, and incorporate smooth transitions and staged animations into your pages. You can use D3 as a visualization framework (like Protovis), or you can use it to build dynamic pages (like jQuery).

Posted on August 5, 2011   #The Client Side  

← Next post    ·    Previous post →