object(WP_Query)[117]
  public 'query' => 
    array (size=1)
      'tag' => string 'html5' (length=5)
  public 'query_vars' => 
    array (size=61)
      'tag' => string 'html5' (length=5)
      'error' => string '' (length=0)
      'm' => string '' (length=0)
      'p' => int 0
      'post_parent' => string '' (length=0)
      'subpost' => string '' (length=0)
      'subpost_id' => string '' (length=0)
      'attachment' => string '' (length=0)
      'attachment_id' => int 0
      'name' => string '' (length=0)
      'static' => string '' (length=0)
      'pagename' => string '' (length=0)
      'page_id' => int 0
      'second' => string '' (length=0)
      'minute' => string '' (length=0)
      'hour' => string '' (length=0)
      'day' => int 0
      'monthnum' => int 0
      'year' => int 0
      'w' => int 0
      'category_name' => string '' (length=0)
      'cat' => string '' (length=0)
      'tag_id' => int 126
      'author' => string '' (length=0)
      'author_name' => string '' (length=0)
      'feed' => string '' (length=0)
      'tb' => string '' (length=0)
      'paged' => int 0
      'comments_popup' => string '' (length=0)
      'meta_key' => string '' (length=0)
      'meta_value' => string '' (length=0)
      'preview' => string '' (length=0)
      's' => string '' (length=0)
      'sentence' => string '' (length=0)
      'fields' => string '' (length=0)
      'menu_order' => string '' (length=0)
      'category__in' => 
        array (size=0)
          empty
      'category__not_in' => 
        array (size=0)
          empty
      'category__and' => 
        array (size=0)
          empty
      'post__in' => 
        array (size=0)
          empty
      'post__not_in' => 
        array (size=0)
          empty
      'tag__in' => 
        array (size=0)
          empty
      'tag__not_in' => 
        array (size=0)
          empty
      'tag__and' => 
        array (size=0)
          empty
      'tag_slug__in' => 
        array (size=1)
          0 => string 'html5' (length=5)
      'tag_slug__and' => 
        array (size=0)
          empty
      'post_parent__in' => 
        array (size=0)
          empty
      'post_parent__not_in' => 
        array (size=0)
          empty
      'author__in' => 
        array (size=0)
          empty
      'author__not_in' => 
        array (size=0)
          empty
      'ignore_sticky_posts' => boolean false
      'suppress_filters' => boolean false
      'cache_results' => boolean false
      'update_post_term_cache' => boolean true
      'update_post_meta_cache' => boolean true
      'post_type' => string '' (length=0)
      'posts_per_page' => int 15
      'nopaging' => boolean false
      'comments_per_page' => string '50' (length=2)
      'no_found_rows' => boolean false
      'order' => string 'DESC' (length=4)
  public 'tax_query' => 
    object(WP_Tax_Query)[329]
      public 'queries' => 
        array (size=1)
          0 => 
            array (size=5)
              ...
      public 'relation' => string 'AND' (length=3)
      protected 'table_aliases' => 
        array (size=1)
          0 => string 'wp_term_relationships' (length=21)
      public 'queried_terms' => 
        array (size=1)
          'post_tag' => 
            array (size=2)
              ...
      public 'primary_table' => string 'wp_posts' (length=8)
      public 'primary_id_column' => string 'ID' (length=2)
  public 'meta_query' => 
    object(WP_Meta_Query)[328]
      public 'queries' => 
        array (size=0)
          empty
      public 'relation' => null
      public 'meta_table' => null
      public 'meta_id_column' => null
      public 'primary_table' => null
      public 'primary_id_column' => null
      protected 'table_aliases' => 
        array (size=0)
          empty
      protected 'clauses' => 
        array (size=0)
          empty
  public 'date_query' => boolean false
  public 'queried_object' => 
    object(stdClass)[343]
      public 'term_id' => int 126
      public 'name' => string 'html5' (length=5)
      public 'slug' => string 'html5' (length=5)
      public 'term_group' => int 0
      public 'term_order' => string '0' (length=1)
      public 'term_taxonomy_id' => int 127
      public 'taxonomy' => string 'post_tag' (length=8)
      public 'description' => string '' (length=0)
      public 'parent' => int 0
      public 'count' => int 39
      public 'object_id' => int 5879
      public 'filter' => string 'raw' (length=3)
  public 'queried_object_id' => int 126
  public 'request' => string '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 (127)
) 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' (length=345)
  public 'posts' => &
    array (size=15)
      0 => 
        object(WP_Post)[347]
          public 'ID' => int 5927
          public 'post_author' => string '2' (length=1)
          public 'post_date' => string '2014-08-14 10:20:51' (length=19)
          public 'post_date_gmt' => string '2014-08-14 00:20:51' (length=19)
          public 'post_content' => string '<p class="intro">Silos like Twitter and Facebook pose huge challenges for the longevity, integrity, and ultimately ownership of the content we create. If you care about these things, you need to checkout the IndieWeb.</p>

<p class="intro">And if this floats your boat, you need to get along to the <a href="http://www.webdirections.org/wds14/">Engineering Track at Web Directions 2014</a>.</p>

<iframe width="506" height="285" src="//www.youtube.com/embed/FNr0JNwsLy8" frameborder="0" allowfullscreen></ifr'... (length=516)
          public 'post_title' => string 'Tantek Çelik - The Once and Future IndieWeb' (length=44)
          public 'post_excerpt' => string '' (length=0)
          public 'post_status' => string 'publish' (length=7)
          public 'comment_status' => string 'open' (length=4)
          public 'ping_status' => string 'closed' (length=6)
          public 'post_password' => string '' (length=0)
          public 'post_name' => string 'tantek-celik-future-indieweb' (length=28)
          public 'to_ping' => string '' (length=0)
          public 'pinged' => string '' (length=0)
          public 'post_modified' => string '2014-11-19 08:45:39' (length=19)
          public 'post_modified_gmt' => string '2014-11-18 22:45:39' (length=19)
          public 'post_content_filtered' => string '' (length=0)
          public 'post_parent' => int 0
          public 'guid' => string 'http://www.webdirections.org/?p=5927' (length=36)
          public 'menu_order' => int 0
          public 'post_type' => string 'post' (length=4)
          public 'post_mime_type' => string '' (length=0)
          public 'comment_count' => string '0' (length=1)
          public 'filter' => string 'raw' (length=3)
          public 'post_category' => string '0' (length=1)
      1 => 
        object(WP_Post)[348]
          public 'ID' => int 5879
          public 'post_author' => string '2' (length=1)
          public 'post_date' => string '2014-07-18 10:54:33' (length=19)
          public 'post_date_gmt' => string '2014-07-18 00:54:33' (length=19)
          public 'post_content' => string '<p class="intro">Faster, more robust and more fun (web) apps.</p>

<p class="intro">And if this floats your boat, you need to get along to the <a href="http://www.webdirections.org/wds14/">Engineering Track at Web Directions 2014</a>.</p>

<iframe width="506" height="285" src="//www.youtube.com/embed/dPz_5-MEvcg" frameborder="0" allowfullscreen></iframe>' (length=360)
          public 'post_title' => string 'Alex Feyerke - Offline First' (length=28)
          public 'post_excerpt' => string '' (length=0)
          public 'post_status' => string 'publish' (length=7)
          public 'comment_status' => string 'open' (length=4)
          public 'ping_status' => string 'closed' (length=6)
          public 'post_password' => string '' (length=0)
          public 'post_name' => string 'alex-feyerke-offline-first' (length=26)
          public 'to_ping' => string '' (length=0)
          public 'pinged' => string '' (length=0)
          public 'post_modified' => string '2014-11-19 08:45:40' (length=19)
          public 'post_modified_gmt' => string '2014-11-18 22:45:40' (length=19)
          public 'post_content_filtered' => string '' (length=0)
          public 'post_parent' => int 0
          public 'guid' => string 'http://www.webdirections.org/?p=5879' (length=36)
          public 'menu_order' => int 0
          public 'post_type' => string 'post' (length=4)
          public 'post_mime_type' => string '' (length=0)
          public 'comment_count' => string '0' (length=1)
          public 'filter' => string 'raw' (length=3)
          public 'post_category' => string '0' (length=1)
      2 => 
        object(WP_Post)[349]
          public 'ID' => int 5757
          public 'post_author' => string '2' (length=1)
          public 'post_date' => string '2014-05-22 10:23:05' (length=19)
          public 'post_date_gmt' => string '2014-05-22 00:23:05' (length=19)
          public 'post_content' => string '<p class="intro">Get up to speed with Web Components and see how you can start using them today.</p>

<p class="intro">And if this floats your boat, you need to get along to the <a href="http://www.webdirections.org/wds14/">Engineering Track at Web Directions 2014</a>.</p>
<iframe width="560" height="315" src="//www.youtube.com/embed/ubbzND7iDH4" frameborder="0" allowfullscreen></iframe>' (length=393)
          public 'post_title' => string 'Ryan Seddon - Web Components, The Future of Web Development' (length=59)
          public 'post_excerpt' => string '' (length=0)
          public 'post_status' => string 'publish' (length=7)
          public 'comment_status' => string 'open' (length=4)
          public 'ping_status' => string 'open' (length=4)
          public 'post_password' => string '' (length=0)
          public 'post_name' => string 'ryan-seddon-web-components-the-future-of-web-development' (length=56)
          public 'to_ping' => string '' (length=0)
          public 'pinged' => string '' (length=0)
          public 'post_modified' => string '2014-11-19 08:45:41' (length=19)
          public 'post_modified_gmt' => string '2014-11-18 22:45:41' (length=19)
          public 'post_content_filtered' => string '' (length=0)
          public 'post_parent' => int 0
          public 'guid' => string 'http://www.webdirections.org/?p=5757' (length=36)
          public 'menu_order' => int 0
          public 'post_type' => string 'post' (length=4)
          public 'post_mime_type' => string '' (length=0)
          public 'comment_count' => string '0' (length=1)
          public 'filter' => string 'raw' (length=3)
          public 'post_category' => string '0' (length=1)
      3 => 
        object(WP_Post)[350]
          public 'ID' => int 5471
          public 'post_author' => string '3' (length=1)
          public 'post_date' => string '2013-12-03 16:25:04' (length=19)
          public 'post_date_gmt' => string '2013-12-03 06:25:04' (length=19)
          public 'post_content' => string '<p class="intro">In a fast and furious fifteen minutes, Mark Dalgleish demystifies Web Components by highlighting how, despite its complex appearance, it's actually made up of a suite of technologies providing features we're already familiar with. Once you understand what web components bring to the table, you'll wonder how we ever lived without them. Make sure you also check out the <a href="http://markdalgleish.com/2013/11/web-components-why-youre-already-an-expert/">accompanying blog post</a> for full de'... (length=683)
          public 'post_title' => string 'Web Components - video presentation from Mark Dalgleish' (length=55)
          public 'post_excerpt' => string '' (length=0)
          public 'post_status' => string 'publish' (length=7)
          public 'comment_status' => string 'open' (length=4)
          public 'ping_status' => string 'open' (length=4)
          public 'post_password' => string '' (length=0)
          public 'post_name' => string 'web-components-video-presentation-from-mark-dalgleish' (length=53)
          public 'to_ping' => string '' (length=0)
          public 'pinged' => string '' (length=0)
          public 'post_modified' => string '2014-11-19 08:46:29' (length=19)
          public 'post_modified_gmt' => string '2014-11-18 22:46:29' (length=19)
          public 'post_content_filtered' => string '' (length=0)
          public 'post_parent' => int 0
          public 'guid' => string 'http://www.webdirections.org/?p=5471' (length=36)
          public 'menu_order' => int 0
          public 'post_type' => string 'post' (length=4)
          public 'post_mime_type' => string '' (length=0)
          public 'comment_count' => string '0' (length=1)
          public 'filter' => string 'raw' (length=3)
          public 'post_category' => string '0' (length=1)
      4 => 
        object(WP_Post)[351]
          public 'ID' => int 5466
          public 'post_author' => string '3' (length=1)
          public 'post_date' => string '2013-12-03 16:17:56' (length=19)
          public 'post_date_gmt' => string '2013-12-03 06:17:56' (length=19)
          public 'post_content' => string '<p class="intro">In the past, validating forms in the client has typically required doing some heavy lifting with JavaScript. But you may not know HTML5 changes all that. Browsers now check that the content of an input match its type (and we've got new types like email, url and number to make that even more useful). But, what you might not know about is the pattern attribute, which lets us use regular expressions directly in HTML to specify what format the user's input should have.</p>

<p class="intro">I'... (length=889)
          public 'post_title' => string 'Validating forms with the HTML5 pattern attribute - video presentation by Chris Lienert' (length=87)
          public 'post_excerpt' => string '' (length=0)
          public 'post_status' => string 'publish' (length=7)
          public 'comment_status' => string 'open' (length=4)
          public 'ping_status' => string 'open' (length=4)
          public 'post_password' => string '' (length=0)
          public 'post_name' => string 'validating-forms-with-the-html5-pattern-attribute-video-presentation-by-chris-lienert' (length=85)
          public 'to_ping' => string '' (length=0)
          public 'pinged' => string '' (length=0)
          public 'post_modified' => string '2014-07-04 15:13:22' (length=19)
          public 'post_modified_gmt' => string '2014-07-04 05:13:22' (length=19)
          public 'post_content_filtered' => string '' (length=0)
          public 'post_parent' => int 0
          public 'guid' => string 'http://www.webdirections.org/?p=5466' (length=36)
          public 'menu_order' => int 0
          public 'post_type' => string 'post' (length=4)
          public 'post_mime_type' => string '' (length=0)
          public 'comment_count' => string '0' (length=1)
          public 'filter' => string 'raw' (length=3)
          public 'post_category' => string '0' (length=1)
      5 => 
        object(WP_Post)[352]
          public 'ID' => int 5358
          public 'post_author' => string '3' (length=1)
          public 'post_date' => string '2013-11-19 14:15:52' (length=19)
          public 'post_date_gmt' => string '2013-11-19 04:15:52' (length=19)
          public 'post_content' => string '<p class="intro">Right now creating high quality user experiences in HTML5 is very hard, and to get to where we are today we need a huge bundle of hacks and extreme techniques, many of which Andrew Betts covers in the session.</p>

<iframe width="500" height="281" src="http://www.youtube.com/embed/61zGacGIMEA" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen>' (length=387)
          public 'post_title' => string 'Making Web Apps as Smooth as Native - video presentation by Andrew Betts' (length=72)
          public 'post_excerpt' => string '' (length=0)
          public 'post_status' => string 'publish' (length=7)
          public 'comment_status' => string 'open' (length=4)
          public 'ping_status' => string 'open' (length=4)
          public 'post_password' => string '' (length=0)
          public 'post_name' => string 'making-web-apps-as-smooth-as-native-video-presentation-by-andrew-betts' (length=70)
          public 'to_ping' => string '' (length=0)
          public 'pinged' => string '' (length=0)
          public 'post_modified' => string '2014-11-19 08:48:26' (length=19)
          public 'post_modified_gmt' => string '2014-11-18 22:48:26' (length=19)
          public 'post_content_filtered' => string '' (length=0)
          public 'post_parent' => int 0
          public 'guid' => string 'http://www.webdirections.org/?p=5358' (length=36)
          public 'menu_order' => int 0
          public 'post_type' => string 'post' (length=4)
          public 'post_mime_type' => string '' (length=0)
          public 'comment_count' => string '0' (length=1)
          public 'filter' => string 'raw' (length=3)
          public 'post_category' => string '0' (length=1)
      6 => 
        object(WP_Post)[353]
          public 'ID' => int 5057
          public 'post_author' => string '3' (length=1)
          public 'post_date' => string '2013-07-19 15:23:47' (length=19)
          public 'post_date_gmt' => string '2013-07-19 05:23:47' (length=19)
          public 'post_content' => string 'A little while back, Jake Archibald wrote infamously (and anthropomorphically) that the HTML5 ApplicationCache is a "douchebag"<a href="#note1">[1]</a>. Mindful that this is a word freighted with troubling significance, it is the term he used, so I'll go with it.

The <a href="http://www.urbandictionary.com/define.php?term=douchebag&defid=5268202">Urban Dictionary</a> says the word douchebag

<blockquote>generally refers to a male with a certain combination of obnoxious characteristics related to attitu'... (length=11443)
          public 'post_title' => string 'Appcache, not so much a douchebag as a complete pain in the #$%^' (length=64)
          public 'post_excerpt' => string '' (length=0)
          public 'post_status' => string 'publish' (length=7)
          public 'comment_status' => string 'open' (length=4)
          public 'ping_status' => string 'open' (length=4)
          public 'post_password' => string '' (length=0)
          public 'post_name' => string 'appcache-not-so-much-a-douchebag-as-a-complete-pain-in-the' (length=58)
          public 'to_ping' => string '' (length=0)
          public 'pinged' => string 'http://www.webdirections.org/sign-up-to-the-newsletter/
http://www.webdirections.org/blog/get-offline/' (length=102)
          public 'post_modified' => string '2013-07-20 11:46:55' (length=19)
          public 'post_modified_gmt' => string '2013-07-20 01:46:55' (length=19)
          public 'post_content_filtered' => string '' (length=0)
          public 'post_parent' => int 0
          public 'guid' => string 'http://www.webdirections.org/?p=5057' (length=36)
          public 'menu_order' => int 0
          public 'post_type' => string 'post' (length=4)
          public 'post_mime_type' => string '' (length=0)
          public 'comment_count' => string '4' (length=1)
          public 'filter' => string 'raw' (length=3)
          public 'post_category' => string '0' (length=1)
      7 => 
        object(WP_Post)[354]
          public 'ID' => int 5050
          public 'post_author' => string '3' (length=1)
          public 'post_date' => string '2013-07-18 11:16:57' (length=19)
          public 'post_date_gmt' => string '2013-07-18 01:16:57' (length=19)
          public 'post_content' => string '<img src="https://www.google.com/intl/en/chrome/assets/consumer/images/browser/mobile/android/browser-mobile.png" alt="Chrome Android Image" />

Following Blackberry 10's support for WebRTC, <a href="http://blog.chromium.org/2013/07/chrome-29-beta-web-audio-and-webrtc-in.html">Chrome beta or Android now supports webRTC</a>, as do Firefox, Opera and Chrome for desktop (and Firefox for Android though not as yet Firefox OS it would seem). 

A very significant milestone for what many consider a game changin'... (length=818)
          public 'post_title' => string 'WebRTC now in Chrome Beta for Android' (length=37)
          public 'post_excerpt' => string '' (length=0)
          public 'post_status' => string 'publish' (length=7)
          public 'comment_status' => string 'open' (length=4)
          public 'ping_status' => string 'open' (length=4)
          public 'post_password' => string '' (length=0)
          public 'post_name' => string 'webrtc-now-in-chrome-beta-for-android' (length=37)
          public 'to_ping' => string '' (length=0)
          public 'pinged' => string '' (length=0)
          public 'post_modified' => string '2013-07-18 11:16:57' (length=19)
          public 'post_modified_gmt' => string '2013-07-18 01:16:57' (length=19)
          public 'post_content_filtered' => string '' (length=0)
          public 'post_parent' => int 0
          public 'guid' => string 'http://www.webdirections.org/?p=5050' (length=36)
          public 'menu_order' => int 0
          public 'post_type' => string 'post' (length=4)
          public 'post_mime_type' => string '' (length=0)
          public 'comment_count' => string '0' (length=1)
          public 'filter' => string 'raw' (length=3)
          public 'post_category' => string '0' (length=1)
      8 => 
        object(WP_Post)[355]
          public 'ID' => int 4923
          public 'post_author' => string '3' (length=1)
          public 'post_date' => string '2013-07-08 13:45:42' (length=19)
          public 'post_date_gmt' => string '2013-07-08 03:45:42' (length=19)
          public 'post_content' => string '<div id="developer">
<p>Last week we looked at one of HTML5's syntax quirks, the fact that you don't need to quote attribute values (unless the values contain a space or as is less well known one of a number of other characters). This time, some more about some of the subtle side effects of HTML5's laxer syntax rules.</p>

<p>Let's start with a quiz. Are both of these valid HTML5 documents (that's right, complete documents, not just fragments)? Neither? Only one? Which one? Why?</p>

<pre>&lt;!doctype '... (length=3208)
          public 'post_title' => string 'More HTML5 syntax and parser quirks you may not have known' (length=58)
          public 'post_excerpt' => string '' (length=0)
          public 'post_status' => string 'publish' (length=7)
          public 'comment_status' => string 'open' (length=4)
          public 'ping_status' => string 'open' (length=4)
          public 'post_password' => string '' (length=0)
          public 'post_name' => string 'more-html5-syntax-and-parser-quirks-you-may-not-have-known' (length=58)
          public 'to_ping' => string '' (length=0)
          public 'pinged' => string '' (length=0)
          public 'post_modified' => string '2013-07-10 09:49:07' (length=19)
          public 'post_modified_gmt' => string '2013-07-09 23:49:07' (length=19)
          public 'post_content_filtered' => string '' (length=0)
          public 'post_parent' => int 0
          public 'guid' => string 'http://www.webdirections.org/?p=4923' (length=36)
          public 'menu_order' => int 0
          public 'post_type' => string 'post' (length=4)
          public 'post_mime_type' => string '' (length=0)
          public 'comment_count' => string '6' (length=1)
          public 'filter' => string 'raw' (length=3)
          public 'post_category' => string '0' (length=1)
      9 => 
        object(WP_Post)[356]
          public 'ID' => int 4907
          public 'post_author' => string '3' (length=1)
          public 'post_date' => string '2013-07-04 15:58:59' (length=19)
          public 'post_date_gmt' => string '2013-07-04 05:58:59' (length=19)
          public 'post_content' => string '<div id="developer">

<p>With HTML5, you don't have to quote attribute values. Until you do.</p>

<p>One of the benefits often touted for HTML5 over XHTML is what I once heard Paul Irish describe as its "loosey goosey" approach to syntax. No longer the strict taskmaster that XHTML was, we can now do all kinds of cool stuff like leave off closing <code>li</code> and <code>p</code> tags, and of course, we no longer need to quote attribute values. Think of the bytes saved! The billions of developer hours s'... (length=2347)
          public 'post_title' => string 'Five reasons why you should quote attribute values in HTML5' (length=59)
          public 'post_excerpt' => string '' (length=0)
          public 'post_status' => string 'publish' (length=7)
          public 'comment_status' => string 'open' (length=4)
          public 'ping_status' => string 'open' (length=4)
          public 'post_password' => string '' (length=0)
          public 'post_name' => string 'five-reasons-why-you-should-quote-attribute-values-in-html5' (length=59)
          public 'to_ping' => string '' (length=0)
          public 'pinged' => string '' (length=0)
          public 'post_modified' => string '2013-07-04 15:58:59' (length=19)
          public 'post_modified_gmt' => string '2013-07-04 05:58:59' (length=19)
          public 'post_content_filtered' => string '' (length=0)
          public 'post_parent' => int 0
          public 'guid' => string 'http://www.webdirections.org/?p=4907' (length=36)
          public 'menu_order' => int 0
          public 'post_type' => string 'post' (length=4)
          public 'post_mime_type' => string '' (length=0)
          public 'comment_count' => string '21' (length=2)
          public 'filter' => string 'raw' (length=3)
          public 'post_category' => string '0' (length=1)
      10 => 
        object(WP_Post)[357]
          public 'ID' => int 4884
          public 'post_author' => string '3' (length=1)
          public 'post_date' => string '2013-07-02 13:42:52' (length=19)
          public 'post_date_gmt' => string '2013-07-02 03:42:52' (length=19)
          public 'post_content' => string '<div id="developer">

<p>A couple of weeks ago we started a series on how you might implement some of the more notable design effects in iOS 7 using purely web technologies. In the meantime, it's been <a href="http://www.allenpike.com/2013/ios7-catch-me-if-you-can/">noted elsewhere</a> that this may be difficult and perhaps impossible to do. I'm here today to tell you otherwise! Well, at the least the impossible part.</p>

<p>Today we are going to look at one of the features that got some attention, the'... (length=27307)
          public 'post_title' => string 'The iOS 7 homescreen parallax effect in the browser' (length=51)
          public 'post_excerpt' => string '' (length=0)
          public 'post_status' => string 'publish' (length=7)
          public 'comment_status' => string 'open' (length=4)
          public 'ping_status' => string 'open' (length=4)
          public 'post_password' => string '' (length=0)
          public 'post_name' => string 'the-ios-7-homescreen-parallax-effect-in-the-browser' (length=51)
          public 'to_ping' => string '' (length=0)
          public 'pinged' => string '
http://www.webdirections.org/blog/build-a-motion-activated-security-camera-with-webrtc-canvas-and-device-orientation/' (length=118)
          public 'post_modified' => string '2013-07-04 15:28:19' (length=19)
          public 'post_modified_gmt' => string '2013-07-04 05:28:19' (length=19)
          public 'post_content_filtered' => string '' (length=0)
          public 'post_parent' => int 0
          public 'guid' => string 'http://www.webdirections.org/?p=4884' (length=36)
          public 'menu_order' => int 0
          public 'post_type' => string 'post' (length=4)
          public 'post_mime_type' => string '' (length=0)
          public 'comment_count' => string '2' (length=1)
          public 'filter' => string 'raw' (length=3)
          public 'post_category' => string '0' (length=1)
      11 => 
        object(WP_Post)[358]
          public 'ID' => int 4745
          public 'post_author' => string '3' (length=1)
          public 'post_date' => string '2013-06-14 11:40:38' (length=19)
          public 'post_date_gmt' => string '2013-06-14 01:40:38' (length=19)
          public 'post_content' => string '<img src="http://gdc2013.nintendo.com/img/NWF_logo_RGB_fix.png" alt="Nintendo Web Framework Logo" />

For most of the history of what might loosely be termed computer games, dedicated consoles (and handheld gaming devices) ruled the roost. And none loomed larger on the landscape than Nintendo, with combined sales of hundreds of millions of units.

The dominance of this handful of device makers (essentially Nintendo, Sony and Microsoft) meant that developing games for wide distribution on these devices w'... (length=3169)
          public 'post_title' => string 'Wii Games with HTML5' (length=20)
          public 'post_excerpt' => string '' (length=0)
          public 'post_status' => string 'publish' (length=7)
          public 'comment_status' => string 'open' (length=4)
          public 'ping_status' => string 'open' (length=4)
          public 'post_password' => string '' (length=0)
          public 'post_name' => string 'wii-games-with-html5' (length=20)
          public 'to_ping' => string '' (length=0)
          public 'pinged' => string '' (length=0)
          public 'post_modified' => string '2013-06-14 11:40:38' (length=19)
          public 'post_modified_gmt' => string '2013-06-14 01:40:38' (length=19)
          public 'post_content_filtered' => string '' (length=0)
          public 'post_parent' => int 0
          public 'guid' => string 'http://www.webdirections.org/?p=4745' (length=36)
          public 'menu_order' => int 0
          public 'post_type' => string 'post' (length=4)
          public 'post_mime_type' => string '' (length=0)
          public 'comment_count' => string '0' (length=1)
          public 'filter' => string 'raw' (length=3)
          public 'post_category' => string '0' (length=1)
      12 => 
        object(WP_Post)[359]
          public 'ID' => int 4739
          public 'post_author' => string '3' (length=1)
          public 'post_date' => string '2013-06-13 14:02:23' (length=19)
          public 'post_date_gmt' => string '2013-06-13 04:02:23' (length=19)
          public 'post_content' => string 'Remember the X in XML, and XHTML? It of course stands for <strong>extensible</strong>, the idea that these languages allow for their users to build upon them, rather than waiting for some standards organisation to add new features.

With HTML5, extensibility of the markup language pretty much went out the window, despite the criticisms of many (<a href="http://alistapart.com/article/semanticsinhtml5">including it must be said, me</a>).

But extensibility is deeper than simply new language elements. As t'... (length=4869)
          public 'post_title' => string 'Towards an extensible web' (length=25)
          public 'post_excerpt' => string '' (length=0)
          public 'post_status' => string 'publish' (length=7)
          public 'comment_status' => string 'open' (length=4)
          public 'ping_status' => string 'open' (length=4)
          public 'post_password' => string '' (length=0)
          public 'post_name' => string 'towards-an-extensible-web' (length=25)
          public 'to_ping' => string '' (length=0)
          public 'pinged' => string '' (length=0)
          public 'post_modified' => string '2013-06-13 14:12:29' (length=19)
          public 'post_modified_gmt' => string '2013-06-13 04:12:29' (length=19)
          public 'post_content_filtered' => string '' (length=0)
          public 'post_parent' => int 0
          public 'guid' => string 'http://www.webdirections.org/?p=4739' (length=36)
          public 'menu_order' => int 0
          public 'post_type' => string 'post' (length=4)
          public 'post_mime_type' => string '' (length=0)
          public 'comment_count' => string '5' (length=1)
          public 'filter' => string 'raw' (length=3)
          public 'post_category' => string '0' (length=1)
      13 => 
        object(WP_Post)[360]
          public 'ID' => int 4731
          public 'post_author' => string '2' (length=1)
          public 'post_date' => string '2013-06-12 15:17:15' (length=19)
          public 'post_date_gmt' => string '2013-06-12 05:17:15' (length=19)
          public 'post_content' => string '<p class="intro">As much as they affect JavaScript, state, event handling, and default browser behaviour also impact HTML and CSS in the choices we make, optimizations we can take advantage of, and the architecture of our applications as a whole.</p>

<p class="intro">Like what you see? Want a piece of the action next time around? Then get along to <a href="http://webdirections.org/wds13/">Web Directions South in Sydney October 24 and 25 2013</a>.</p>

<iframe width="500" height="281" src="http://www.yo'... (length=623)
          public 'post_title' => string 'HTML, CSS and the Clientside App - Video Presentation from Garann Means' (length=71)
          public 'post_excerpt' => string '' (length=0)
          public 'post_status' => string 'publish' (length=7)
          public 'comment_status' => string 'open' (length=4)
          public 'ping_status' => string 'open' (length=4)
          public 'post_password' => string '' (length=0)
          public 'post_name' => string 'html-css-and-the-clientside-app-video-presentation-from-garann-means' (length=68)
          public 'to_ping' => string '' (length=0)
          public 'pinged' => string '' (length=0)
          public 'post_modified' => string '2014-11-19 08:48:46' (length=19)
          public 'post_modified_gmt' => string '2014-11-18 22:48:46' (length=19)
          public 'post_content_filtered' => string '' (length=0)
          public 'post_parent' => int 0
          public 'guid' => string 'http://www.webdirections.org/?p=4731' (length=36)
          public 'menu_order' => int 0
          public 'post_type' => string 'post' (length=4)
          public 'post_mime_type' => string '' (length=0)
          public 'comment_count' => string '1' (length=1)
          public 'filter' => string 'raw' (length=3)
          public 'post_category' => string '0' (length=1)
      14 => 
        object(WP_Post)[361]
          public 'ID' => int 4693
          public 'post_author' => string '3' (length=1)
          public 'post_date' => string '2013-06-07 11:43:40' (length=19)
          public 'post_date_gmt' => string '2013-06-07 01:43:40' (length=19)
          public 'post_content' => string '<p>As a web developer, you've probably seen emerging HTML5 technologies and APIs like <a href="http://dev.w3.org/geo/api/spec-source-orientation.html">DeviceOrientation</a> and <a href="http://www.webrtc.org">WebRTC</a> (Web Real Time Communications), and thought "wow they look cool, but they are only for hard core gaming, video conferencing, and other such stuff, not for my every day development". I'm firmly convinced that taking advantage of these capabilities is going to open up fantastic potential for d'... (length=17071)
          public 'post_title' => string 'Build a motion activated security camera, with WebRTC, canvas and Device Orientation' (length=84)
          public 'post_excerpt' => string '' (length=0)
          public 'post_status' => string 'publish' (length=7)
          public 'comment_status' => string 'open' (length=4)
          public 'ping_status' => string 'open' (length=4)
          public 'post_password' => string '' (length=0)
          public 'post_name' => string 'build-a-motion-activated-security-camera-with-webrtc-canvas-and-device-orientation' (length=82)
          public 'to_ping' => string '' (length=0)
          public 'pinged' => string '' (length=0)
          public 'post_modified' => string '2013-06-07 11:43:40' (length=19)
          public 'post_modified_gmt' => string '2013-06-07 01:43:40' (length=19)
          public 'post_content_filtered' => string '' (length=0)
          public 'post_parent' => int 0
          public 'guid' => string 'http://www.webdirections.org/?p=4693' (length=36)
          public 'menu_order' => int 0
          public 'post_type' => string 'post' (length=4)
          public 'post_mime_type' => string '' (length=0)
          public 'comment_count' => string '27' (length=2)
          public 'filter' => string 'raw' (length=3)
          public 'post_category' => string '0' (length=1)
  public 'post_count' => int 15
  public 'current_post' => int -1
  public 'in_the_loop' => boolean false
  public 'post' => 
    object(WP_Post)[347]
      public 'ID' => int 5927
      public 'post_author' => string '2' (length=1)
      public 'post_date' => string '2014-08-14 10:20:51' (length=19)
      public 'post_date_gmt' => string '2014-08-14 00:20:51' (length=19)
      public 'post_content' => string '<p class="intro">Silos like Twitter and Facebook pose huge challenges for the longevity, integrity, and ultimately ownership of the content we create. If you care about these things, you need to checkout the IndieWeb.</p>

<p class="intro">And if this floats your boat, you need to get along to the <a href="http://www.webdirections.org/wds14/">Engineering Track at Web Directions 2014</a>.</p>

<iframe width="506" height="285" src="//www.youtube.com/embed/FNr0JNwsLy8" frameborder="0" allowfullscreen></ifr'... (length=516)
      public 'post_title' => string 'Tantek Çelik - The Once and Future IndieWeb' (length=44)
      public 'post_excerpt' => string '' (length=0)
      public 'post_status' => string 'publish' (length=7)
      public 'comment_status' => string 'open' (length=4)
      public 'ping_status' => string 'closed' (length=6)
      public 'post_password' => string '' (length=0)
      public 'post_name' => string 'tantek-celik-future-indieweb' (length=28)
      public 'to_ping' => string '' (length=0)
      public 'pinged' => string '' (length=0)
      public 'post_modified' => string '2014-11-19 08:45:39' (length=19)
      public 'post_modified_gmt' => string '2014-11-18 22:45:39' (length=19)
      public 'post_content_filtered' => string '' (length=0)
      public 'post_parent' => int 0
      public 'guid' => string 'http://www.webdirections.org/?p=5927' (length=36)
      public 'menu_order' => int 0
      public 'post_type' => string 'post' (length=4)
      public 'post_mime_type' => string '' (length=0)
      public 'comment_count' => string '0' (length=1)
      public 'filter' => string 'raw' (length=3)
      public 'post_category' => string '0' (length=1)
  public 'comment_count' => int 0
  public 'current_comment' => int -1
  public 'found_posts' => string '39' (length=2)
  public 'max_num_pages' => float 3
  public 'max_num_comment_pages' => int 0
  public 'is_single' => boolean false
  public 'is_preview' => boolean false
  public 'is_page' => boolean false
  public 'is_archive' => boolean true
  public 'is_date' => boolean false
  public 'is_year' => boolean false
  public 'is_month' => boolean false
  public 'is_day' => boolean false
  public 'is_time' => boolean false
  public 'is_author' => boolean false
  public 'is_category' => boolean false
  public 'is_tag' => boolean true
  public 'is_tax' => boolean false
  public 'is_search' => boolean false
  public 'is_feed' => boolean false
  public 'is_comment_feed' => boolean false
  public 'is_trackback' => boolean false
  public 'is_home' => boolean false
  public 'is_404' => boolean false
  public 'is_comments_popup' => boolean false
  public 'is_paged' => boolean false
  public 'is_admin' => boolean false
  public 'is_attachment' => boolean false
  public 'is_singular' => boolean false
  public 'is_robots' => boolean false
  public 'is_posts_page' => boolean false
  public 'is_post_type_archive' => boolean false
  private 'query_vars_hash' => string '3d8b89a5817ceb9020651c224445862f' (length=32)
  private 'query_vars_changed' => boolean false
  public 'thumbnails_cached' => boolean false
  private 'stopwords' => null
  private 'compat_fields' => 
    array (size=2)
      0 => string 'query_vars_hash' (length=15)
      1 => string 'query_vars_changed' (length=18)
  private 'compat_methods' => 
    array (size=2)
      0 => string 'init_query_flags' (length=16)
      1 => string 'parse_tax_query' (length=15)

Presentations about html5

Podcasts, slides, videos and more

Tantek Çelik — The Once and Future IndieWeb

Silos like Twitter and Facebook pose huge challenges for the longevity, integrity, and ultimately ownership of the content we create. If you care about these things, you need to checkout the IndieWeb.

And if this floats your boat, you need to get along to the Engineering Track at Web Directions 2014.

See the slides and hear the podcast »

Alex Feyerke — Offline First

Faster, more robust and more fun (web) apps.

And if this floats your boat, you need to get along to the Engineering Track at Web Directions 2014.

See the slides and hear the podcast »

Ryan Seddon — Web Components, The Future of Web Development

Get up to speed with Web Components and see how you can start using them today.

And if this floats your boat, you need to get along to the Engineering Track at Web Directions 2014.

See the slides and hear the podcast »

Web Components — video presentation from Mark Dalgleish

In a fast and furious fifteen minutes, Mark Dalgleish demystifies Web Components by highlighting how, despite its complex appearance, it's actually made up of a suite of technologies providing features we're already familiar with. Once you understand what web components bring to the table, you'll wonder how we ever lived without them. Make sure you also check out the accompanying blog post for full details.

See the slides and hear the podcast »

Validating forms with the HTML5 pattern attribute — video presentation by Chris Lienert

In the past, validating forms in the client has typically required doing some heavy lifting with JavaScript. But you may not know HTML5 changes all that. Browsers now check that the content of an input match its type (and we've got new types like email, url and number to make that even more useful). But, what you might not know about is the pattern attribute, which lets us use regular expressions directly in HTML to specify what format the user's input should have.

In this session, Chris Lienert looks at some of the common regex patterns you can use to validate user input, coupled with some of the many tricks he's learned to help users complete those forms we all love to hate.

See the slides and hear the podcast »

Making Web Apps as Smooth as Native — video presentation by Andrew Betts

Right now creating high quality user experiences in HTML5 is very hard, and to get to where we are today we need a huge bundle of hacks and extreme techniques, many of which Andrew Betts covers in the session.

See the slides and hear the podcast »

Appcache, not so much a douchebag as a complete pain in the #$%^

A little while back, Jake Archibald wrote infamously (and anthropomorphically) that the HTML5 ApplicationCache is a “douchebag“[1]. Mindful that this is a word freighted with troubling significance, it is the term he used, so I’ll go with it.

The Urban Dictionary says the word douchebag

generally refers to a male … Read more »

WebRTC now in Chrome Beta for Android

Chrome Android Image

Following Blackberry 10’s support for WebRTC, Chrome beta or Android now supports webRTC, as do Firefox, Opera and Chrome for desktop (and Firefox for Android though not as yet Firefox OS it would seem).

A very significant milestone for what many consider a game … Read more »

More HTML5 syntax and parser quirks you may not have known

Last week we looked at one of HTML5’s syntax quirks, the fact that you don’t need to quote attribute values (unless the values contain a space or as is less well known one of a number of other characters). This time, some more about some of the subtle side … Read more »

Five reasons why you should quote attribute values in HTML5

With HTML5, you don’t have to quote attribute values. Until you do.

One of the benefits often touted for HTML5 over XHTML is what I once heard Paul Irish describe as its “loosey goosey” approach to syntax. No longer the strict taskmaster that XHTML was, we can now do all … Read more »

The iOS 7 homescreen parallax effect in the browser

A couple of weeks ago we started a series on how you might implement some of the more notable design effects in iOS 7 using purely web technologies. In the meantime, it’s been noted elsewhere that this may be difficult and perhaps impossible to do. I’m here today … Read more »

Wii Games with HTML5

Nintendo Web Framework Logo

For most of the history of what might loosely be termed computer games, dedicated consoles (and handheld gaming devices) ruled the roost. And none loomed larger on the landscape than Nintendo, with combined sales of hundreds of millions of units.

The dominance of this handful … Read more »

Towards an extensible web

Remember the X in XML, and XHTML? It of course stands for extensible, the idea that these languages allow for their users to build upon them, rather than waiting for some standards organisation to add new features.

With HTML5, extensibility of the markup language pretty much went out the window, despite … Read more »

HTML, CSS and the Clientside App — Video Presentation from Garann Means

As much as they affect JavaScript, state, event handling, and default browser behaviour also impact HTML and CSS in the choices we make, optimizations we can take advantage of, and the architecture of our applications as a whole.

Like what you see? Want a piece of the action next time around? Then get along to Web Directions South in Sydney October 24 and 25 2013.

See the slides and hear the podcast »

Build a motion activated security camera, with WebRTC, canvas and Device Orientation

As a web developer, you’ve probably seen emerging HTML5 technologies and APIs like DeviceOrientation and WebRTC (Web Real Time Communications), and thought “wow they look cool, but they are only for hard core gaming, video conferencing, and other such stuff, not for my every day development”. I’m firmly … Read more »