object(WP_Query)#65 (49) { ["query_vars"]=> array(61) { ["tag"]=> string(4) "html" ["error"]=> string(0) "" ["m"]=> string(0) "" ["p"]=> int(0) ["post_parent"]=> string(0) "" ["subpost"]=> string(0) "" ["subpost_id"]=> string(0) "" ["attachment"]=> string(0) "" ["attachment_id"]=> int(0) ["name"]=> string(0) "" ["static"]=> string(0) "" ["pagename"]=> string(0) "" ["page_id"]=> int(0) ["second"]=> string(0) "" ["minute"]=> string(0) "" ["hour"]=> string(0) "" ["day"]=> int(0) ["monthnum"]=> int(0) ["year"]=> int(0) ["w"]=> int(0) ["category_name"]=> string(0) "" ["cat"]=> string(0) "" ["tag_id"]=> int(32) ["author"]=> string(0) "" ["author_name"]=> string(0) "" ["feed"]=> string(0) "" ["tb"]=> string(0) "" ["paged"]=> int(0) ["comments_popup"]=> string(0) "" ["meta_key"]=> string(0) "" ["meta_value"]=> string(0) "" ["preview"]=> string(0) "" ["s"]=> string(0) "" ["sentence"]=> string(0) "" ["fields"]=> string(0) "" ["menu_order"]=> string(0) "" ["category__in"]=> array(0) { } ["category__not_in"]=> array(0) { } ["category__and"]=> array(0) { } ["post__in"]=> array(0) { } ["post__not_in"]=> array(0) { } ["tag__in"]=> array(0) { } ["tag__not_in"]=> array(0) { } ["tag__and"]=> array(0) { } ["tag_slug__in"]=> array(1) { [0]=> string(4) "html" } ["tag_slug__and"]=> array(0) { } ["post_parent__in"]=> array(0) { } ["post_parent__not_in"]=> array(0) { } ["author__in"]=> array(0) { } ["author__not_in"]=> array(0) { } ["ignore_sticky_posts"]=> bool(false) ["suppress_filters"]=> bool(false) ["cache_results"]=> bool(false) ["update_post_term_cache"]=> bool(true) ["update_post_meta_cache"]=> bool(true) ["post_type"]=> string(0) "" ["posts_per_page"]=> int(15) ["nopaging"]=> bool(false) ["comments_per_page"]=> string(2) "50" ["no_found_rows"]=> bool(false) ["order"]=> string(4) "DESC" } ["tax_query"]=> object(WP_Tax_Query)#275 (2) { ["queries"]=> array(1) { [0]=> array(5) { ["taxonomy"]=> string(8) "post_tag" ["terms"]=> array(1) { [0]=> string(4) "html" } ["include_children"]=> bool(true) ["field"]=> string(4) "slug" ["operator"]=> string(2) "IN" } } ["relation"]=> string(3) "AND" } ["meta_query"]=> object(WP_Meta_Query)#274 (2) { ["queries"]=> array(0) { } ["relation"]=> NULL } ["date_query"]=> bool(false) ["post_count"]=> int(15) ["current_post"]=> int(-1) ["in_the_loop"]=> bool(false) ["comment_count"]=> int(0) ["current_comment"]=> int(-1) ["found_posts"]=> string(2) "25" ["max_num_pages"]=> float(2) ["max_num_comment_pages"]=> int(0) ["is_single"]=> bool(false) ["is_preview"]=> bool(false) ["is_page"]=> bool(false) ["is_archive"]=> bool(true) ["is_date"]=> bool(false) ["is_year"]=> bool(false) ["is_month"]=> bool(false) ["is_day"]=> bool(false) ["is_time"]=> bool(false) ["is_author"]=> bool(false) ["is_category"]=> bool(false) ["is_tag"]=> bool(true) ["is_tax"]=> bool(false) ["is_search"]=> bool(false) ["is_feed"]=> bool(false) ["is_comment_feed"]=> bool(false) ["is_trackback"]=> bool(false) ["is_home"]=> bool(false) ["is_404"]=> bool(false) ["is_comments_popup"]=> bool(false) ["is_paged"]=> bool(false) ["is_admin"]=> bool(false) ["is_attachment"]=> bool(false) ["is_singular"]=> bool(false) ["is_robots"]=> bool(false) ["is_posts_page"]=> bool(false) ["is_post_type_archive"]=> bool(false) ["query_vars_hash"]=> string(32) "47787a6f03245f8c5d50955dbc20e058" ["query_vars_changed"]=> bool(false) ["thumbnails_cached"]=> bool(false) ["stopwords":"WP_Query":private]=> NULL ["query"]=> array(1) { ["tag"]=> string(4) "html" } ["request"]=> string(341) "SELECT SQL_CALC_FOUND_ROWS wp_posts.ID FROM wp_posts INNER JOIN wp_term_relationships ON (wp_posts.ID = wp_term_relationships.object_id) WHERE 1=1 AND ( wp_term_relationships.term_taxonomy_id IN (32) ) AND wp_posts.post_type = 'post' AND (wp_posts.post_status = 'publish') GROUP BY wp_posts.ID ORDER BY wp_posts.post_date DESC LIMIT 0, 15" ["posts"]=> &array(15) { [0]=> object(WP_Post)#291 (25) { ["ID"]=> int(3368) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2011-06-04 16:56:02" ["post_date_gmt"]=> string(19) "2011-06-04 06:56:02" ["post_content"]=> string(2252) "

Web Directions @media 2011, London, May 27th 10:45am.

Presentation slides

Presentation slides (external site)

Session description

With HTML5, we can now cache our applications and the data that goes with them. This means our favourite programming platform can now be used to build apps that work offline, survive intermittent downtimes, and gain in performance from cached content. In this session we’ll get hands-​​on with the application cache to make the app run when it’s not online. We’ll check out the techniques for client-​​side persistence: web storage and indexed database. Finally, we’ll look at the latest techniques for file access — reading and writing files on the user’s hard drive from a web app is being defined by web standards and implemented in today’s modern browsers.

About Michael Mahemoff

Photo of Michael MahemoffMichael Mahemoff is a Chrome Developer Advocate for Google, based in London, always looking at ways to make the web a more habitable place for users and developers alike. He’s been programming on the web since the mid ’90s, in a range of public-​​facing and enterprise (Java, what else?) contexts, and is the author of Ajax Design Patterns (O’Reilly, 2006) and a blogger for Ajaxian​.com. Server side, he’s mostly a Ruby, PHP, and NodeJS guy and sushi is his preferred coding fuel. Michael holds a PhD from the University of Melbourne, covering software design patterns for improving user experience. Follow Michael on Twitter: @mahemoff
" ["post_title"]=> string(56) "Michael Mahemoff - HTML5 offline for fun and performance" ["post_excerpt"]=> string(593) "

Photo of Michael MahemoffIn this session we’ll get hands-​​on with the application cache to make the app run when it’s not online. We’ll check out the techniques for client-​​side persistence: web storage and indexed database. Finally, we’ll look at the latest techniques for file access — reading and writing files on the user’s hard drive from a web app is being defined by web standards and implemented in today’s modern browsers.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(54) "michael-mahemoff-html5-offline-for-fun-and-performance" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2011-06-26 17:31:36" ["post_modified_gmt"]=> string(19) "2011-06-26 07:31:36" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=3368" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "0" ["filter"]=> string(3) "raw" ["post_category"]=> string(1) "0" } [1]=> object(WP_Post)#292 (25) { ["ID"]=> int(3363) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2011-06-04 16:16:02" ["post_date_gmt"]=> string(19) "2011-06-04 06:16:02" ["post_content"]=> string(2128) "

Web Directions @media 2011, London, May 26th 1:40pm.

Presentation slides

Session description

A much-​​​​hyped feature of HTML5 is native multimedia. In this session we’ll look at embedding

Presentations about html

Podcasts, slides, videos and more

Michael Mahemoff — HTML5 offline for fun and performance

Photo of Michael MahemoffIn this session we’ll get hands-​​​​on with the application cache to make the app run when it’s not online. We’ll check out the techniques for client-​​​​side persistence: web storage and indexed database. Finally, we’ll look at the latest techniques for file access — reading and writing files on the user’s hard drive from a web app is being defined by web standards and implemented in today’s modern browsers.

See the slides and hear the podcast »

Bruce Lawson — Native multimedia with HTML5

Photo of Bruce LawsonWe’ll look at the pros and the cons of HTML5 multimedia and see how to write simple controls with JavaScript. Most excitingly, we’ll also look at how HTML5 builds in support for subtitles and captions for multimedia accessibility. And you might pick up a Turkish dancing tip on the way.

See the slides and hear the podcast »

Dave Balmer — Rockstar graphics with HTML5

Photo of Dave BalmerIn this session Dave will cover high-​​​​performance presentation and animation using HTML5, JavaScript, CSS3 and Canvas. Examples will include mobile-​​​​friendly techniques you can use today for creating game effects and “flashy” user experiences across a range of browsers and devices.

See the slides and hear the podcast »

Dave Orchard — Offline Web Apps with HTML5

Photo of Dave OrchardThere’s an old expression, that there are only 2 hard problems in computing: naming, cache invalidation and off-​​by-​​one errors. Building offline web apps is all about those hard problems. We’ll spend the bulk of our time on these hard problems, which is probably more useful than api description and sample code.

See the slides and hear the podcast »

Robby Ingebretsen — Get your game on: HTML5 for game building

Photo of Robby IngebretsenYou’ve seen a lot of demos, but is HTML5 really ready for primetime? We made an HTML5-​​based pool game with the explicit goal of creating an experience that defies your expectations for what a browser can do. In this session we’ll take you through the challenges and triumphs of working with this new technology. For the experienced HTML5 dev, we’ll share tips and tricks. For the rest of us, it will be a great primer on the exciting potential that HTML5 brings to the web.

See the slides and hear the podcast »

Dave Balmer — HTML5 Graphics: Canvas Deep Dive

Photo of Dave BalmerThe Canvas tag has been around for a while, and HTML5 has given it more visibility. It’s now finding its way into most mobile browsers, and even a majority of desktop browsers. This talk will give a solid overview of what the canvas tag is, what it can do, and how it compares with other technologies like SVG and Flash.

See the slides and hear the podcast »

Silvia Pfeiffer — HTML5 Audio and Video

Silvia Pfeiffer PortraitWith three different audio and video codec formats each supported by the diverse HTML5 capable Web browsers, plus the need to deal with fallback for older browsers, HTML5 media is not the simple solution we have all been hoping for.W3C invited expert Silvia Pfeiffer will talk through the big issues on this important topic. See the slides and hear the podcast »

Dan Rubin — Creativity, design and interaction with HTML5 and CSS3

Dan Rubin PortraitHTML5 and CSS3 are the newest stars of the web: the cornerstones of progressive enhancement, the future of online video, the easiest way to build web applications for desktop and mobile devices, and a brilliant foundation upon which we can add complex interaction and animation layers with javascript and Canvas; happily — thanks to much-​​improved browser support — we can now use them. In this session, Dan Rubin will show you who’s already taking advantage of these latest additions to our toolbox, what this means for interface designers, and how you can bring the same techniques to your projects.

See the slides and hear the podcast »

Michael™ Smith — HTML5 Report Card

Michael(tm) Smith PortraitRemember how fun it was to do hands-​​on classroom projects together in kindergarten? Well, this interactive session is going to be like that, but just with bigger people.

See the slides and hear the podcast »

Divya Manian — Active web development

Divya Manian PortraitWeb technologies are evolving at such a frenetic pace that it becomes almost mandatory to learn on your own. A lot of us still depend on other people to do this learning for us, and we tend to use their answers to solve our everyday problems. Inconsistent implementations, rapidly evolving specs, questionable performance impacts and maintenance implications mean we cannot always depend on others for answers but must involve ourselves actively in the process of developing specifications for new Web technologies. But how do we go about it? There are some simple rituals we can all do, which can have us be better-​​informed and also better inform the people and groups who are most directly involved in the development of new Web technologies.

See the slides and hear the podcast »

Michael Mahemoff — HTML5: Online and Offline

Michael Mahemoff PortraitHTML5 introduces several so-​​called “offline” technologies: application caching, local storage, and file access, to name a few. But these technologies are not just for purely offline apps; they boost startup performance, overcome network outages, and partition content away from the server. This talk will explain how you can incorporate these technologies into your work today and identify the features browsers will be supporting in the near future.

See the slides and hear the podcast »

Andy Clarke — Keynote: Hardboiled Web Design

Andy Clarke PortraitAndy Clarke’s Hardboiled Web Design is an uncompromising look at how to make the most from modern design tools and browsers, up-​​to-​​date techniques and processes. In this practical, design focussed talk, Andy will discuss the ‘how’ as well as the ‘why’ and will challenge your preconceptions to help you make better work for the web.

See the slides and hear the podcast »

Ben Schwarz — Building a better web with HTML5

Max Wheeler PortraitDuring my session we’ll look at where the future of HTML lies, including new structural elements. You’ll also grasp an introduction to associated technologies that have come into popularity with the steam of HTML5: SVG, Web Sockets, Web Workers, Geo-​​location and making applications useful offline.

See the slides and hear the podcast »

Simon Pascal Klein — Setting standards-​​friendly web type

Simon Pascal Klein PortraitWeb typography has in the past two years seen a resurgence in interest and many would agree only rightly so, with most of the content on the web still textual. However the range of technical options available for setting type on the web is quite broad—not to mention the range of stylistic choices available—and often confusing. This session aims to demystify the current techniques available to set type on the web by comparing and contrasting the various options at hand while offering a set of good defaults and safe advice for not only making it accessible but also pleasurable to read.

See the slides and hear the podcast »

Steve Souders — Even Faster Web Sites

Steve Souders PortraitWeb 2.0 is adding more and more content to our pages, especially features that are implemented in Ajax. But our web applications are evolving faster than the browsers that they run in. We don’t have to rely on or wait for the release of new browsers to make our web applications faster. In this session, Steve Souders discusses web performance best practices from his second book, Even Faster Web Sites. These time-​​saving techniques are used by the world’s most popular web sites to create a faster user experience, increase revenue, and reduce operating costs. Steve provides technical details about reducing the pain of JavaScript, as well as secrets for making your page load faster in emerging markets where network connectivity is a challenge.

See the slides and hear the podcast »