Web Directions

object(WP_Query)#69 (47) { ["query_vars"]=> array(55) { ["year"]=> int(2010) ["monthnum"]=> int(7) ["error"]=> string(0) "" ["m"]=> int(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) ["w"]=> int(0) ["category_name"]=> string(0) "" ["tag"]=> string(0) "" ["cat"]=> string(0) "" ["tag_id"]=> 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) "" ["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(0) { } ["tag_slug__and"]=> 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)#90 (2) { ["queries"]=> array(0) { } ["relation"]=> string(3) "AND" } ["meta_query"]=> object(WP_Meta_Query)#89 (2) { ["queries"]=> array(0) { } ["relation"]=> NULL } ["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) "16" ["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(true) ["is_year"]=> bool(false) ["is_month"]=> bool(true) ["is_day"]=> bool(false) ["is_time"]=> bool(false) ["is_author"]=> bool(false) ["is_category"]=> bool(false) ["is_tag"]=> bool(false) ["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) "b140698f86c9c2921bf50a13720e2f78" ["query_vars_changed"]=> bool(false) ["thumbnails_cached"]=> bool(false) ["query"]=> array(2) { ["year"]=> string(4) "2010" ["monthnum"]=> string(2) "07" } ["request"]=> string(252) " SELECT SQL_CALC_FOUND_ROWS wp_posts.* FROM wp_posts WHERE 1=1 AND YEAR(wp_posts.post_date)='2010' AND MONTH(wp_posts.post_date)='7' AND wp_posts.post_type = 'post' AND (wp_posts.post_status = 'publish') ORDER BY wp_posts.post_date DESC LIMIT 0, 15" ["posts"]=> &array(15) { [0]=> object(stdClass)#114 (25) { ["ID"]=> int(2729) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2010-07-24 11:23:26" ["post_date_gmt"]=> string(19) "2010-07-24 01:23:26" ["post_content"]=> string(2517) "

Web Directions @media 2010, Southbank Centre London, June 10 10.45am.

• Audio recording of session
• Presentation slides
• Session description
• About Doug Schepers

Presentation slides

These slides are available on the W3C website. In a masterstroke of self-referential genius, Doug's slides are in fact all created in SVG itself, so it may in fact be a little difficult to piece them together with the podcast. This was an amazing presentation though - you'll have to be there next time :).

Session description

Thought SVG was dead? Think again. Once relegated to plug-in status, Scalable Vector Graphics is now spreading rapidly, in browsers, mobiles, and even televisions, with broad native support and graphical script libraries. It’s used on major websites like Wikipedia, Google Docs, and the Washington Post. Whether images or apps, standalone or integrated into HTML, CSS, or Canvas, SVG is a powerful tool in a developer or designer toolkit. With full scripting support, animations, and advanced visual effects, SVG lets you reuse skills you already have. Learn how to use SVG to best effect to add standards-based bling to your webapp or site, see what works and what to avoid, and glimpse where the future lies.

About Doug Schepers

" ["post_title"]=> string(38) "Doug Schepers - SVG Today and Tomorrow" ["post_category"]=> string(1) "0" ["post_excerpt"]=> string(883) "

Thought SVG was dead? Think again. Once relegated to plug-in status, Scalable Vector Graphics is now spreading rapidly, in browsers, mobiles, and even televisions, with broad native support and graphical script libraries. It’s used on major websites like Wikipedia, Google Docs, and the Washington Post. Whether images or apps, standalone or integrated into HTML, CSS, or Canvas, SVG is a powerful tool in a developer or designer toolkit. With full scripting support, animations, and advanced visual effects, SVG lets you reuse skills you already have. Learn how to use SVG to best effect to add standards-based bling to your webapp or site, see what works and what to avoid, and glimpse where the future lies.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(36) "doug-schepers-svg-today-and-tomorrow" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2010-07-27 16:48:18" ["post_modified_gmt"]=> string(19) "2010-07-27 06:48:18" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=2729" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "2" ["filter"]=> string(3) "raw" } [1]=> object(stdClass)#115 (25) { ["ID"]=> int(2726) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2010-07-24 11:06:57" ["post_date_gmt"]=> string(19) "2010-07-24 01:06:57" ["post_content"]=> string(2879) "

Web Directions @media 2010, Southbank Centre London, June 10 11.45am.

• Audio recording of session
• Presentation slides
• Additional resources
• Session description
• About Rachel Andrew

Presentation slides

Session description

This session will be a solid introduction to CSS3 by way of practical examples that can get you started using CSS3 on your projects today.Rachel Andrew will take you through some of the core features of CSS3 including advanced selectors, media queries and other features that are being developed and starting to be implemented in browsers.In addition to discovering how CSS3 will change the way that we develop in the future we will explore current and upcoming browser support. We will also see how it is possible to start using some of CSS3 in your projects now, with the help of a little JavaScript to plug the holes in current browsers.

About Rachel Andrew

" ["post_title"]=> string(25) "Rachel Andrew - Core CSS3" ["post_category"]=> string(1) "0" ["post_excerpt"]=> string(307) "

This session will be a solid introduction to CSS3 by way of practical examples that can get you started using CSS3 on your projects today.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(23) "rachel-andrew-core-css3" ["to_ping"]=> string(0) "" ["pinged"]=> string(71) " http://www.rachelandrew.co.uk/presentations/web-directions-media-2010/" ["post_modified"]=> string(19) "2010-07-24 11:25:53" ["post_modified_gmt"]=> string(19) "2010-07-24 01:25:53" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=2726" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "2" ["filter"]=> string(3) "raw" } [2]=> object(stdClass)#116 (25) { ["ID"]=> int(2723) ["post_author"]=> string(1) "3" ["post_date"]=> string(19) "2010-07-22 13:06:52" ["post_date_gmt"]=> string(19) "2010-07-22 03:06:52" ["post_content"]=> string(1191) "A quick note to all that with SitePoint, a fantastic community for web designers and developers, and publisher of many excellent design and development books, I'll be running a two week course, online starting next Monday on HTML5. And best of all, it's only $US9.95 (yep, less than a tenner!)Here's how it works.Each day, there's a new lesson, which should take an hour or so of your time, featuring in depth articles, videos, screencasts, and hands on exercises. Then on Fridays there's two, 1 hour live Q and A sessions (timed so that at least one will be at a reasonable hour for you wherever you are in the world). There's also an attendee only forumIf you're not sure whether HTML5 is ready for prime time, then rest assured the course is all about real world, practical solutions using HTML5, as well as background information to help you decide which aspects of the language are useful for you right now (trust me plenty is).This is going to be a fantastic course, and I'm really looking forward to it. So if you can find an hour a day for the next two weeks, you can be right on top of HTML5 before you know it." ["post_title"]=> string(46) "HTML5 Live, a two week online course from John" ["post_category"]=> string(1) "0" ["post_excerpt"]=> string(0) "" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(45) "html5-live-a-two-week-online-course-from-john" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2010-07-22 13:06:52" ["post_modified_gmt"]=> string(19) "2010-07-22 03:06:52" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=2723" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "2" ["filter"]=> string(3) "raw" } [3]=> object(stdClass)#117 (25) { ["ID"]=> int(2720) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2010-07-20 11:40:33" ["post_date_gmt"]=> string(19) "2010-07-20 01:40:33" ["post_content"]=> string(2326) "Thanks to a lot of hard work from Guy Leech, a whole bunch of the podcasts and slides from Web Directions @media are now online. It's always great to give back by making these available, and we'd like to particularly thank our speakers for their generosity.Help us make it all worthwhile by spreading the word about these amongst everyone you know who might be interested - there's something here for everyone who works on the web!

• Remy Sharp, "Browsers with Wings - HTML5 APIs"
• Sandi Wassmer, "Inclusive design is for everyone"
• Patrick Lauke, "Brave New World of HTML5"
• Christian Crumlish, "Designing for play"
• Simon Willison, "Building crowdsourcing applications"
• John Resig, "Testing mobile JavaScript"
• Mark Boulton, "Designing grid systems"
• Tom Hughes-Croucher, "An introduction to server-side JavaScript"

" ["post_title"]=> string(58) "More Web Directions @media podcasts and slides come online" ["post_category"]=> string(1) "0" ["post_excerpt"]=> string(0) "" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(57) "more-web-directions-media-podcasts-and-slides-come-online" ["to_ping"]=> string(0) "" ["pinged"]=> string(82) " http://www.webdirections.org/resources/remy-sharp-browsers-with-wings-html5-apis/" ["post_modified"]=> string(19) "2010-07-20 11:40:33" ["post_modified_gmt"]=> string(19) "2010-07-20 01:40:33" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=2720" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "1" ["filter"]=> string(3) "raw" } [4]=> object(stdClass)#118 (25) { ["ID"]=> int(2712) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2010-07-19 17:19:06" ["post_date_gmt"]=> string(19) "2010-07-19 07:19:06" ["post_content"]=> string(2840) "

Web Directions @media 2010, Southbank Centre London, June 11 11.45am.

• Audio recording of session
• Presentation slides
• Session description
• About Tom Hughes-Croucher

Presentation slides

Session description

Server-side JavaScript has really started to take off, with a number of great projects providing different pieces of the puzzle. This talk will introduce server-side JavaScript and provide an overview of the existing projects as well as some ideas about where it’s all going in the future.Tom will look at how the various JavaScript runtimes, such as V8 and Rhino, affect development and provide their own unique features. You’ll also see the standardisation effort of Common.js and why it’s shaping how people write server-side JavaScript.All the leading SSJS frameworks – Node.js, Narwhal, Jaxer – will be discussed as well as some more quirky uses of JavaScript on the server such as CouchDB and YQL.

About Tom Hughes-Croucher

" ["post_title"]=> string(63) "Tom Hughes-Croucher - An introduction to server-side JavaScript" ["post_category"]=> string(1) "0" ["post_excerpt"]=> string(474) "

Server-side JavaScript has really started to take off, with a number of great projects providing different pieces of the puzzle. This talk will introduce server-side JavaScript and provide an overview of the existing projects as well as some ideas about where it’s all going in the future.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(62) "tom-hughes-croucher-an-introductions-to-server-side-javascript" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2010-07-21 15:15:40" ["post_modified_gmt"]=> string(19) "2010-07-21 05:15:40" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=2712" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "2" ["filter"]=> string(3) "raw" } [5]=> object(stdClass)#119 (25) { ["ID"]=> int(2706) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2010-07-19 16:30:38" ["post_date_gmt"]=> string(19) "2010-07-19 06:30:38" ["post_content"]=> string(2570) "

Web Directions @media 2010, Southbank Centre London, June 10 2.40pm.

• Audio recording of session
• Presentation slides
• Session description
• About Mark Boulton

Presentation slides

Session description

Grid systems have been used in print design, architecture and interior design for generations. Now, on the web, the same rules of grid system composition and usage no longer apply. Content is viewed in many ways; from RSS feeds to email. Content is viewed on many devices; from mobile phones to laptops. Users can manipulate the browser, they can remove content, resize the canvas, resize the typefaces. A designer is no longer in control of this presentation. So where do grid systems fit in to all that?

About Mark Boulton

" ["post_title"]=> string(37) "Mark Boulton - Designing grid systems" ["post_category"]=> string(1) "0" ["post_excerpt"]=> string(674) "

Grid systems have been used in print design, architecture and interior design for generations. Now, on the web, the same rules of grid system composition and usage no longer apply. Content is viewed in many ways; from RSS feeds to email. Content is viewed on many devices; from mobile phones to laptops. Users can manipulate the browser, they can remove content, resize the canvas, resize the typefaces. A designer is no longer in control of this presentation. So where do grid systems fit in to all that?

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(35) "mark-boulton-designing-grid-systems" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2010-07-19 16:42:41" ["post_modified_gmt"]=> string(19) "2010-07-19 06:42:41" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=2706" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "4" ["filter"]=> string(3) "raw" } [6]=> object(stdClass)#120 (25) { ["ID"]=> int(2697) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2010-07-19 15:58:18" ["post_date_gmt"]=> string(19) "2010-07-19 05:58:18" ["post_content"]=> string(2299) "

Web Directions @media 2010, Southbank Centre London, June 10 10.45am.

• Audio recording of session
• Presentation slides
• Session description
• About John Resig

Presentation slides

Session description

This talk will be a comprehensive look at what you need to know to properly test your web applications on mobile devices. We’ll look at the different mobile phones that exist, what browsers they run, and what you can do to support them. Additionally we’ll examine some of the testing tools that can be used to make the whole process much easier.

About John Resig

" ["post_title"]=> string(38) "John Resig - Testing mobile JavaScript" ["post_category"]=> string(1) "0" ["post_excerpt"]=> string(514) "

This talk will be a comprehensive look at what you need to know to properly test your web applications on mobile devices. We’ll look at the different mobile phones that exist, what browsers they run, and what you can do to support them. Additionally we’ll examine some of the testing tools that can be used to make the whole process much easier.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(36) "john-resig-testing-mobile-javascript" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2010-07-19 16:21:13" ["post_modified_gmt"]=> string(19) "2010-07-19 06:21:13" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=2697" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "3" ["filter"]=> string(3) "raw" } [7]=> object(stdClass)#121 (25) { ["ID"]=> int(2691) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2010-07-19 15:09:05" ["post_date_gmt"]=> string(19) "2010-07-19 05:09:05" ["post_content"]=> string(3025) "

Web Directions @media 2010, Southbank Centre London, June 10 1.40pm.

• Audio recording of session
• Presentation slides
• Session description
• About Simon Willison

Presentation slides

Session description

Crowdsourcing applications take indigestible tasks and break them down into digestible pieces, enabling a group to help plough through large scale projects in much shorter periods of time.Designing and building crowdsourcing applications incorporates a fascinating range of challenges, from usability, psychology and interaction design to scaling applications for surges of traffic - all the while ensuring that contributors are rewarded, good behaviour is encouraged and the resulting data comes out in a useful format.This talk will discuss lessons learned building serious crowdsourcing applications on newsroom schedules at the Guardian, and playful crowdsourcing features for WildlifeNearYou.com.

About Simon Willison

" ["post_title"]=> string(52) "Simon Willison - Building crowdsourcing applications" ["post_category"]=> string(1) "0" ["post_excerpt"]=> string(332) "

Crowdsourcing applications take indigestible tasks and break them down into digestible pieces, enabling a group to help plough through large scale projects in much shorter periods of time.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(50) "simon-willison-building-crowdsourcing-applications" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2010-07-19 16:03:14" ["post_modified_gmt"]=> string(19) "2010-07-19 06:03:14" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=2691" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "2" ["filter"]=> string(3) "raw" } [8]=> object(stdClass)#122 (25) { ["ID"]=> int(2688) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2010-07-19 12:28:31" ["post_date_gmt"]=> string(19) "2010-07-19 02:28:31" ["post_content"]=> string(4481) "

Web Directions @media 2010, Southbank Centre London, June 10 10.45am.

• Audio recording of session
• Presentation slides
• Session description
• Designing social interfaces - the book
• About Christian Crumlish

Presentation slides

Session description

Taking ideas from game design, musical instrument design, and play-acting techniques including improv and bodystorming, Christian will address the role of play in digital experiences and how we can design to foster and encourage play rather than squeeze all the joy out of life one pixel at a time.In game design, you create an arena for play. You establish boundaries and rules and you work to tune game dynamics that yield fun experiences rather than boring, mechanical, or pointless drudgery. Within those boundaries and rules the players create their own unique experience, collaboratively, every time. Again the marriage of strict purposeful constraints with open space and room for human variation creates the best game experiences.Can an enterprise app, maybe one that looks like a spreadsheet and reports to HR ever actually be fun? That’s a stretch but you can absolutely introduce elements of play into the most buttoned-down context. Consider one primitive gesture from games: collecting. Many games offer some form of gather, arranging, and displaying objects. Just so, even an HR portal may offer some opportunity to incorporate a collecting “game” into the workflow.Christian will share techniques for introducing a sense of play into the experiences we’re designing and will exhort the assembled crowd to make life more fun for our users and to thrive while doing so.

About Christian Crumlish

" ["post_title"]=> string(39) "Christian Crumlish - Designing for play" ["post_category"]=> string(1) "0" ["post_excerpt"]=> string(474) "

Taking ideas from game design, musical instrument design, and play-acting techniques including improv and bodystorming, Christian will address the role of play in digital experiences and how we can design to foster and encourage play rather than squeeze all the joy out of life one pixel at a time.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(37) "christian-crumlish-designing-for-play" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2010-07-19 16:03:05" ["post_modified_gmt"]=> string(19) "2010-07-19 06:03:05" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=2688" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "2" ["filter"]=> string(3) "raw" } [9]=> object(stdClass)#123 (25) { ["ID"]=> int(2681) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2010-07-19 11:11:25" ["post_date_gmt"]=> string(19) "2010-07-19 01:11:25" ["post_content"]=> string(3022) "

Web Directions @media 2010, Southbank Centre London, June 10 1.40pm.

• Audio recording of session
• Presentation slides
• Session description
• About Patrick Lauke

Presentation slides

Session description

HTML5 was originally called Web Applications 1.0, but that doesn’t mean it’s only for scripters – there’s plenty for markup monkeys as well as JavaScript junkies.We’ll look at new structural elements in HTML5, and how they can boost accessibility, how to style them (even in IE!). We’ll check out how new semantics can reduce the JS you need to write/copy by adding functionality natively to the browser, and how to add sexy open standard video to your pages with no Flash, no JavaScript, just a big hunk o’ open-web love.

About Patrick Lauke

" ["post_title"]=> string(40) "Patrick Lauke - Brave New World of HTML5" ["post_category"]=> string(1) "0" ["post_excerpt"]=> string(338) "

HTML5 was originally called Web Applications 1.0, but that doesn’t mean it’s only for scripters – there’s plenty for markup monkeys as well as JavaScript junkies.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(38) "patrick-lauke-brave-new-world-of-html5" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2010-07-19 11:51:40" ["post_modified_gmt"]=> string(19) "2010-07-19 01:51:40" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=2681" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "2" ["filter"]=> string(3) "raw" } [10]=> object(stdClass)#124 (25) { ["ID"]=> int(2676) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2010-07-19 10:13:30" ["post_date_gmt"]=> string(19) "2010-07-19 00:13:30" ["post_content"]=> string(2867) "

Web Directions @media 2010, Southbank Centre London, June 11 10.45am.

• Audio recording of session
• Presentation slides
• Session description
• About Sandi Wassmer

Presentation slides

Session description

Inclusive Design is currently the domain of people who design physical things, like product designers and architects, but Sandi Wassmer is firm in her belief that Inclusive Design applied in the online environment just makes sense.The principles of Inclusive Design encompass so many of the practices, principles and guidelines that web designers are already using – Accessibility, Usability, User Centric Design, Progressive Enhancement and User Experience – but unlike each of these discrete practices, Inclusive Design gives designers the ability to offer choice, as a single design solution will never accommodate all users.Sandi will talk about how the principles of Inclusive Design can be easily adopted by web designers right now. By the end of the session you’ll have the framework for becoming an inclusion activist!

About Sandi Wassmer

" ["post_title"]=> string(48) "Sandi Wassmer - Inclusive design is for everyone" ["post_category"]=> string(1) "0" ["post_excerpt"]=> string(373) "

Inclusive Design is currently the domain of people who design physical things, like product designers and architects, but Sandi Wassmer is firm in her belief that Inclusive Design applied in the online environment just makes sense.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(46) "sandi-wassmer-inclusive-design-is-for-everyone" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2010-07-19 10:21:57" ["post_modified_gmt"]=> string(19) "2010-07-19 00:21:57" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=2676" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "1" ["filter"]=> string(3) "raw" } [11]=> object(stdClass)#125 (25) { ["ID"]=> int(2667) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2010-07-19 09:39:35" ["post_date_gmt"]=> string(19) "2010-07-18 23:39:35" ["post_content"]=> string(2830) "

Web Directions @media 2010, Southbank Centre London, June 11 1.40pm.

• Audio recording of session
• Presentation slides
• Session description
• About Remy Sharp

Presentation slides

Session description

HTML5 is all the rage with the cool kids, and although there’s a lot of focus on the new language, there’s plenty for web app developers with new JavaScript APIs both in the HTML5 spec and separated out as their own W3C specifications. This session will take you through demos and code and show off some of the outright crazy bleeding edge demos that are being produced today using the new JavaScript APIs. But it’s not all pie in the sky – plenty is useful today, some even in Internet Explorer!Specifically we’ll be looking at scripting the video media element, 2D canvas and some of the mashups we can achieve. How to take our web apps completely offline, going beyond the cookie and HTML5’s answer to threading: web workers.

About Remy Sharp

" ["post_title"]=> string(44) "Remy Sharp - Browsers with wings: HTML5 APIs" ["post_category"]=> string(1) "0" ["post_excerpt"]=> string(641) "

HTML5 is all the rage with the cool kids, and although there’s a lot of focus on the new language, there’s plenty for web app developers with new JavaScript APIs both in the HTML5 spec and separated out as their own W3C specifications. This session will take you through demos and code and show off some of the outright crazy bleeding edge demos that are being produced today using the new JavaScript APIs. But it’s not all pie in the sky – plenty is useful today, some even in Internet Explorer!

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(41) "remy-sharp-browsers-with-wings-html5-apis" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2010-07-19 10:13:58" ["post_modified_gmt"]=> string(19) "2010-07-19 00:13:58" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=2667" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "2" ["filter"]=> string(3) "raw" } [12]=> object(stdClass)#126 (25) { ["ID"]=> int(2661) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2010-07-12 13:33:36" ["post_date_gmt"]=> string(19) "2010-07-12 03:33:36" ["post_content"]=> string(2011) "After any conference we always do our best to share the love by creating a podcast and resource page for each presentation from the event. Apologies that it has taken a bit of time to get these out there this time - we've had the small matter of two more event sites to launch in the meantime - but you'll be pleased to know we've made a start, and the ones we started with were three of the huge hits from what was an excellent bunch of presentations all round.Hannah Donovan - Telling Stories Through DesignHannah, the creative director at Last.fm, gave a really insightful and generous presentation drawing from her experiences there and what she has learned about making the most of the role of the designer. Plus she had some great slides: be sure to check them out!Relly Annett-Baker - All the small thingsRelly's candid, quickfire style made for one of the best presentations on content I have seen. Specifically, it's on the topic of Microcopy - lots of take aways for just about anyone who creates web sites here.Steve Souders - Even faster web sitesAs always, web apps are evolving faster than the browsers they run in. Steve discusses the time-saving techniques used by the world’s most popular web sites to create a faster user experience, increase revenue, and reduce operating costs.More coming soon!" ["post_title"]=> string(68) "Three must-see presentations which came out of Web Directions @media" ["post_category"]=> string(1) "0" ["post_excerpt"]=> string(0) "" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(67) "three-must-see-presentations-which-came-out-of-web-directions-media" ["to_ping"]=> string(0) "" ["pinged"]=> string(86) " http://www.webdirections.org/resources/hannah-donovan-telling-stories-through-design/" ["post_modified"]=> string(19) "2010-07-12 13:33:36" ["post_modified_gmt"]=> string(19) "2010-07-12 03:33:36" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=2661" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "0" ["filter"]=> string(3) "raw" } [13]=> object(stdClass)#127 (25) { ["ID"]=> int(2653) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2010-07-11 09:58:20" ["post_date_gmt"]=> string(19) "2010-07-10 23:58:20" ["post_content"]=> string(2693) "

Web Directions @media 2010, Southbank Centre London, June 11 11.45m.

• Audio recording of session
• Presentation slides
• Hannah's Storytelling Bookmarks
• Session description
• About Hannah Donovan

Presentation slides

Session description

Hannah Donovan will talk about the designer as a storyteller—especially in terms of the importance of this role within a team. Improve your output as a designer by taking a closer look at influencing the input. As a visual narrator we help to visualise, inspire and curate for the people we work with as well as connecting scenarios around the larger product saga that supports the interfaces we design. By examining your input, make your output more effective with your team and users alike, paving paths for people to tell their own stories as your product evolves over time.

About Hannah Donovan

" ["post_title"]=> string(47) "Hannah Donovan - Telling stories through design" ["post_category"]=> string(1) "0" ["post_excerpt"]=> string(728) "

Hannah Donovan will talk about the designer as a storyteller—especially in terms of the importance of this role within a team. Improve your output as a designer by taking a closer look at influencing the input. As a visual narrator we help to visualise, inspire and curate for the people we work with as well as connecting scenarios around the larger product saga that supports the interfaces we design. By examining your input, make your output more effective with your team and users alike, paving paths for people to tell their own stories as your product evolves over time.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(45) "hannah-donovan-telling-stories-through-design" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2010-07-19 09:40:51" ["post_modified_gmt"]=> string(19) "2010-07-18 23:40:51" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=2653" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "1" ["filter"]=> string(3) "raw" } [14]=> object(stdClass)#128 (25) { ["ID"]=> int(2649) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2010-07-11 09:47:51" ["post_date_gmt"]=> string(19) "2010-07-10 23:47:51" ["post_content"]=> string(3393) "

Web Directions @media 2010, Southbank Centre London, June 11 2.40pm.

• Audio recording of session
• Presentation slides
• Session description
• About Steve Souders

Presentation slides

Session description

Web 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.

About Steve Souders

" ["post_title"]=> string(37) "Steve Souders - Even faster web sites" ["post_category"]=> string(1) "0" ["post_excerpt"]=> string(900) "

Web 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.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(35) "steve-souders-even-faster-web-sites" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2010-07-12 11:03:09" ["post_modified_gmt"]=> string(19) "2010-07-12 01:03:09" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=2649" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "1" ["filter"]=> string(3) "raw" } } ["post"]=> object(stdClass)#114 (25) { ["ID"]=> int(2729) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2010-07-24 11:23:26" ["post_date_gmt"]=> string(19) "2010-07-24 01:23:26" ["post_content"]=> string(2517) "

Web Directions @media 2010, Southbank Centre London, June 10 10.45am.

• Audio recording of session
• Presentation slides
• Session description
• About Doug Schepers

Presentation slides

These slides are available on the W3C website. In a masterstroke of self-referential genius, Doug's slides are in fact all created in SVG itself, so it may in fact be a little difficult to piece them together with the podcast. This was an amazing presentation though - you'll have to be there next time :).

Session description

Thought SVG was dead? Think again. Once relegated to plug-in status, Scalable Vector Graphics is now spreading rapidly, in browsers, mobiles, and even televisions, with broad native support and graphical script libraries. It’s used on major websites like Wikipedia, Google Docs, and the Washington Post. Whether images or apps, standalone or integrated into HTML, CSS, or Canvas, SVG is a powerful tool in a developer or designer toolkit. With full scripting support, animations, and advanced visual effects, SVG lets you reuse skills you already have. Learn how to use SVG to best effect to add standards-based bling to your webapp or site, see what works and what to avoid, and glimpse where the future lies.

About Doug Schepers

" ["post_title"]=> string(38) "Doug Schepers - SVG Today and Tomorrow" ["post_category"]=> string(1) "0" ["post_excerpt"]=> string(883) "

Thought SVG was dead? Think again. Once relegated to plug-in status, Scalable Vector Graphics is now spreading rapidly, in browsers, mobiles, and even televisions, with broad native support and graphical script libraries. It’s used on major websites like Wikipedia, Google Docs, and the Washington Post. Whether images or apps, standalone or integrated into HTML, CSS, or Canvas, SVG is a powerful tool in a developer or designer toolkit. With full scripting support, animations, and advanced visual effects, SVG lets you reuse skills you already have. Learn how to use SVG to best effect to add standards-based bling to your webapp or site, see what works and what to avoid, and glimpse where the future lies.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(36) "doug-schepers-svg-today-and-tomorrow" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2010-07-27 16:48:18" ["post_modified_gmt"]=> string(19) "2010-07-27 06:48:18" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=2729" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "2" ["filter"]=> string(3) "raw" } ["queried_object"]=> NULL ["queried_object_id"]=> int(0) }