object(WP_Query)#79 (47) { ["query_vars"]=> array(56) { ["category_name"]=> string(9) "resources" ["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) ["monthnum"]=> int(0) ["year"]=> int(0) ["w"]=> int(0) ["tag"]=> string(0) "" ["cat"]=> string(1) "3" ["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) "" ["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(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)#219 (2) { ["queries"]=> array(1) { [0]=> array(5) { ["taxonomy"]=> string(8) "category" ["terms"]=> array(1) { [0]=> string(9) "resources" } ["include_children"]=> bool(true) ["field"]=> string(4) "slug" ["operator"]=> string(2) "IN" } } ["relation"]=> string(3) "AND" } ["meta_query"]=> object(WP_Meta_Query)#218 (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(3) "352" ["max_num_pages"]=> float(24) ["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(true) ["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) "00ade77df60294c63ddb33580c2fedf3" ["query_vars_changed"]=> bool(false) ["thumbnails_cached"]=> bool(false) ["query"]=> array(1) { ["category_name"]=> string(9) "resources" } ["request"]=> string(340) "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 (3) ) 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)#229 (25) { ["ID"]=> int(5496) ["post_author"]=> string(1) "3" ["post_date"]=> string(19) "2013-12-05 10:51:15" ["post_date_gmt"]=> string(19) "2013-12-05 00:51:15" ["post_content"]=> string(675) "

Broadcast TV is dead. Long live TV! Despite declining numbers in broadcast TV viewership, consumption of TV Shows and online video is growing faster than ever before. With every Network and their dog madly rushing to provide a second screen experience via native applications, few compelling cross-platform TV experiences exist on the web. Beyond technical considerations, supporting continuous experiences across channels and devices is a complex and fascinating (mobile) user experience problem.

[iframe width="500" height="281" src="//www.youtube.com/embed/inrIvwGys7g?rel=0" frameborder="0" Mozallowfullscreen Webitallowfullscreen allowfullscreen]" ["post_title"]=> string(92) "Context, multi-device and the future of TV in the browser - video presentation by Rod Farmer" ["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(89) "context-multi-device-and-the-future-of-tv-in-the-browser-video-presentation-by-rod-farmer" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2013-12-05 10:51:15" ["post_modified_gmt"]=> string(19) "2013-12-05 00:51:15" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=5496" ["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)#220 (25) { ["ID"]=> int(5490) ["post_author"]=> string(1) "3" ["post_date"]=> string(19) "2013-12-05 10:32:58" ["post_date_gmt"]=> string(19) "2013-12-05 00:32:58" ["post_content"]=> string(499) "

This presentation covers a few lessons and guidelines to demystify the Z-dimension - what a stacking context is, how events are distributed, how transforms (3D & 2D) are handled by the browser, and how to untangle a vertical mess. And, as a bonus, how a better understanding of depth leads to higher-performing websites.

[iframe width="500" height="281" src="//www.youtube.com/embed/xFtgUguXHMw?rel=0" frameborder="0" Mozallowfullscreen Webkitallowfullscreen allowfullscreen]" ["post_title"]=> string(52) "The Z Dimension - video presentation by Glen Maddern" ["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(50) "the-z-dimension-video-presentation-by-glen-maddern" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2013-12-05 10:32:58" ["post_modified_gmt"]=> string(19) "2013-12-05 00:32:58" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=5490" ["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" } [2]=> object(WP_Post)#217 (25) { ["ID"]=> int(5486) ["post_author"]=> string(1) "3" ["post_date"]=> string(19) "2013-12-03 16:39:10" ["post_date_gmt"]=> string(19) "2013-12-03 06:39:10" ["post_content"]=> string(664) "

Thanks to open APIs and emerging technology, JavaScript can now empower devices and technology in our day to day life. Soon we'll be controlling and securing our homes, manipulating appliances from afar and having a bunch of fun bringing data from the web to new exciting uses in the physical world. In this talk, I'll demonstrate how you can get started combining Ninja Blocks with other JavaScript APIs and devices to bring your JavaScript skills to a whole new realm of possibility!

[iframe width="500" height="281" src="//www.youtube.com/embed/NcpfIQPjqVc?rel=0" frameborder="0" Mozallowfullscreen Webkitallowfullscreen allowfullscreen]" ["post_title"]=> string(75) "JavaScript beyond the web page - video presentation by Patrick Catanzariti" ["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(72) "javascript-beyond-the-web-page-video-presentation-by-patrick-catanzariti" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2013-12-03 16:39:10" ["post_modified_gmt"]=> string(19) "2013-12-03 06:39:10" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=5486" ["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" } [3]=> object(WP_Post)#61 (25) { ["ID"]=> int(5483) ["post_author"]=> string(1) "3" ["post_date"]=> string(19) "2013-12-03 16:35:44" ["post_date_gmt"]=> string(19) "2013-12-03 06:35:44" ["post_content"]=> string(630) "

ES6 is here and it's bringing some awesome new features to Javascript. My favorite? Generator functions. No matter what kind of code you're writing, from graphics processing to simple AJAX requests, generators are an excellent tool to make your code more performant and more maintainable at the same time. It's a bold claim, but in this session you'll learn how ES6 generators keep your code timeless while delivering the infinite on a finite platter.

[iframe width="500" height="281" src="//www.youtube.com/embed/gnEhy8NePgY?rel=0" frameborder="0" Mozallowfullscreen Webkitallowfullscreen allowfullscreen]" ["post_title"]=> string(57) "I Yield for Generators - video presentation by Adam Ahmed" ["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(55) "i-yield-for-generators-video-presentation-by-adam-ahmed" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2013-12-03 16:35:44" ["post_modified_gmt"]=> string(19) "2013-12-03 06:35:44" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=5483" ["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" } [4]=> object(WP_Post)#62 (25) { ["ID"]=> int(5477) ["post_author"]=> string(1) "3" ["post_date"]=> string(19) "2013-12-03 16:31:03" ["post_date_gmt"]=> string(19) "2013-12-03 06:31:03" ["post_content"]=> string(585) "

This session will compare and contrast the common techniques used for implementing responsive imagery. Simon will shed some light on the compromises that developers might need to make and the circumstances under which they might be acceptable or even desirable. Also check out the Responding to the Unknown: Choose Your Own Adventure web site.

[iframe width="500" height="281" src="//www.youtube.com/embed/5b_cfdIPyL0?rel=0" frameborder="0" Mozallowfullscreen Webkitallowfullscreen allowfullscreen]" ["post_title"]=> string(67) "A quest for responsive imagery - video presentation by Simon Elvery" ["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(65) "a-quest-for-responsive-imagery-video-presentation-by-simon-elvery" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2013-12-05 10:32:34" ["post_modified_gmt"]=> string(19) "2013-12-05 00:32:34" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=5477" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "1" ["filter"]=> string(3) "raw" ["post_category"]=> string(1) "0" } [5]=> object(WP_Post)#221 (25) { ["ID"]=> int(5474) ["post_author"]=> string(1) "3" ["post_date"]=> string(19) "2013-12-03 16:27:41" ["post_date_gmt"]=> string(19) "2013-12-03 06:27:41" ["post_content"]=> string(640) "

Many believe the future of design is in screens. They're wrong. Our love for the digital interface is out of control. This conversation, led by Golden Krishna, will explore a better path: NoUI. Eliminating counterintuitive input mechanisms for natural inputs inverts the contemporary focus of software design to have computers adapt for people, rather than people adapt for computers. The results can have a profound impact on your design process and our lives.

[iframe width="500" height="281" src="//www.youtube.com/embed/rAr-ChaMzmI?rel=0" frameborder="0" Mozallowfullscreen Webkitallowfullscreen allowfullscreen]" ["post_title"]=> string(76) "The best interface is no interface - video presentation from Golden Krishna" ["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(73) "the-best-interface-is-no-interface-video-presentation-from-golden-krishna" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2013-12-03 16:27:41" ["post_modified_gmt"]=> string(19) "2013-12-03 06:27:41" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=5474" ["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" } [6]=> object(WP_Post)#222 (25) { ["ID"]=> int(5471) ["post_author"]=> string(1) "3" ["post_date"]=> string(19) "2013-12-03 16:25:04" ["post_date_gmt"]=> string(19) "2013-12-03 06:25:04" ["post_content"]=> string(704) "

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.

[iframe width="500" height="281" src="//www.youtube.com/embed/s1PTPZwzQA4?list=UURx1y52pfeMwbuer9Vh2u-A" frameborder="0" Mozallowfullscreen Webkitallowfullscreen allowfullscreen]" ["post_title"]=> string(55) "Web Components - video presentation from Mark Dalgleish" ["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(53) "web-components-video-presentation-from-mark-dalgleish" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2013-12-05 10:53:33" ["post_modified_gmt"]=> string(19) "2013-12-05 00:53:33" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=5471" ["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" } [7]=> object(WP_Post)#223 (25) { ["ID"]=> int(5466) ["post_author"]=> string(1) "3" ["post_date"]=> string(19) "2013-12-03 16:17:56" ["post_date_gmt"]=> string(19) "2013-12-03 06:17:56" ["post_content"]=> string(889) "

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.

[iframe width="500" height="281" src="//www.youtube.com/embed/Wdg5i01LbG4?rel=0" frameborder="0" Mozallowfullscreen Webkitallowfullscreen allowfullscreen]" ["post_title"]=> string(87) "Validating forms with the HTML5 pattern attribute - video presentation by Chris Lienert" ["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(85) "validating-forms-with-the-html5-pattern-attribute-video-presentation-by-chris-lienert" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2013-12-03 16:17:56" ["post_modified_gmt"]=> string(19) "2013-12-03 06:17:56" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=5466" ["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" } [8]=> object(WP_Post)#224 (25) { ["ID"]=> int(5450) ["post_author"]=> string(1) "3" ["post_date"]=> string(19) "2013-12-02 11:20:29" ["post_date_gmt"]=> string(19) "2013-12-02 01:20:29" ["post_content"]=> string(610) "

Designing a connected product requires strategic thinking that design professionals have not had to develop in an industrial context. It distrupts not only entire industries but the way professionals are shaped for those industries. I'll talk about the process of developing and designing connected products and the sets of skills, semantics, and collaborative practitces that are essential in this context.

[iframe width="500" height="281" src="//www.youtube.com/embed/j-ExbR7ybw4?list=UURx1y52pfeMwbuer9Vh2u-A" frameborder="0" Mozallowfullscreen Webkitallowfullscreen allowfullscreen]" ["post_title"]=> string(102) "How the internet of things changes how we design - video presentation from Alexandra Deschamps-Sonsino" ["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(100) "how-the-internet-of-things-changes-how-we-design-video-presentation-from-alexandra-deschamps-sonsino" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2013-12-02 11:20:29" ["post_modified_gmt"]=> string(19) "2013-12-02 01:20:29" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=5450" ["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" } [9]=> object(WP_Post)#225 (25) { ["ID"]=> int(5445) ["post_author"]=> string(1) "3" ["post_date"]=> string(19) "2013-11-28 10:00:11" ["post_date_gmt"]=> string(19) "2013-11-28 00:00:11" ["post_content"]=> string(1009) "

Though design research has become common practice at product companies, it often produces insights that slip into the hazy distance as documents get lost on a hard drive, or ignored by someone in a different department. Worse still, efforts get duplicated when communication breaks down.
UX teams have design research down to a science, but few have discovered a way to connect qualitative and quantitative data, and long histories of research into a central clearinghouse that can be shared, searched, and maintained by different teams. Open access to information strengthens the connections between teams, and supports a general culture of inquiry. In this talk, Aarron shares with you practical methods to get off the research treadmill and get started building connections between data and teams.

[iframe width="500" height="281" src="//www.youtube.com/embed/-Ly0U2xtPXU?list=UURx1y52pfeMwbuer9Vh2u-A" frameborder="0" Mozallowfullscreen Webkitallowfullscreen allowfullscreen]" ["post_title"]=> string(50) "Connected UX - video presentation by Aarron Walter" ["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(48) "connected-ux-video-presentation-by-aarron-walter" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2013-11-28 10:00:11" ["post_modified_gmt"]=> string(19) "2013-11-28 00:00:11" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=5445" ["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" } [10]=> object(WP_Post)#226 (25) { ["ID"]=> int(5440) ["post_author"]=> string(1) "3" ["post_date"]=> string(19) "2013-11-27 15:56:24" ["post_date_gmt"]=> string(19) "2013-11-27 05:56:24" ["post_content"]=> string(629) "

ECMAScript 6 is the next version of JavaScript (the current version is ECMAScript 5). It will be an official standard by the end of 2014, but there are tools that enable you to use it right now. This talk explains the goals for ECMAScript 6, how it is designed, what features it has, and how to use it on current JavaScript engines. Features include: block-scoped variables, arrow functions, better parameter handling, classes, modules and much more.

[iframe width="500" height="281" src="//www.youtube.com/embed/_ZG_CrYyh_Q?rel=0" frameborder="0" Mozallowfullscreen webkitallowfullscreen allowfullscreen]" ["post_title"]=> string(54) "ECMAScript 6 - video presentation by Axel Rauschmayer " ["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(51) "ecmascript-6-video-presentation-by-axel-rauschmayer" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2013-11-27 15:56:24" ["post_modified_gmt"]=> string(19) "2013-11-27 05:56:24" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=5440" ["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" } [11]=> object(WP_Post)#227 (25) { ["ID"]=> int(5436) ["post_author"]=> string(1) "3" ["post_date"]=> string(19) "2013-11-27 15:40:11" ["post_date_gmt"]=> string(19) "2013-11-27 05:40:11" ["post_content"]=> string(1005) "

Bad news: there will never be the perfect time to form that web steering committee, charged with tackling your company's website needs for the future. Besides, the future is already here. You are smack bang in the middle of a multifaceted revolution. A multiplatform, multiscreen, multidevice multi-mess. And you are equipped with ... a CMS with a WYSIWYG interface. Oh. You might need some help tackling that problem I just pointed out.
Good news: That's what I'm here for! Find out how to adapt your content workflow to meet the demands already at your door, and those you don't even know about yet, to create truly flexible content. Understand how to feed and care for content creators to help them create the very best they can. And learn why you have actually been inviting a gelatinous blob to your board meetings.

[iframe width="500" height="281" src="//www.youtube.com/embed/0T8Man2N3lQ?rel=0" frameborder="0" Mozallowfullscreen webkitallowfullscreen allowfullscreen]" ["post_title"]=> string(62) "Future Perfect Tense - video presentation by Relly Annet-Baker" ["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(38) "future-perfect-tense-relly-annet-baker" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2013-11-27 15:51:54" ["post_modified_gmt"]=> string(19) "2013-11-27 05:51:54" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=5436" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "1" ["filter"]=> string(3) "raw" ["post_category"]=> string(1) "0" } [12]=> object(WP_Post)#228 (25) { ["ID"]=> int(5431) ["post_author"]=> string(1) "3" ["post_date"]=> string(19) "2013-11-27 11:41:14" ["post_date_gmt"]=> string(19) "2013-11-27 01:41:14" ["post_content"]=> string(884) "

'Hack Yourself First' is all about developers building up cyber-offence skills and proactively seeking out security vulnerabilities in their own websites before an attacker does. It recognises that we have huge volumes of existing websites that haven't gone through sufficient security review plus we continue to create new content that even when built with security in mind, still needs testing from the perspective of a cybercriminal.
In this session Troy looks at website security from the attacker's perspective and exploit common risks in a vulnerable web application. The session is entirely web framework agnostic -- if your website uses HTML and is loaded over HTTP, this session is for you!

[iframe width="500" height="281" src="//www.youtube.com/embed/rdHD6pVG66Q?rel=0" frameborder="0" Mozallowfullscreen Webkitallowfullscreen allowfullscreen]" ["post_title"]=> string(31) "Hack Yourself First - Troy Hunt" ["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(29) "hack-yourself-first-troy-hunt" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2013-11-27 11:49:23" ["post_modified_gmt"]=> string(19) "2013-11-27 01:49:23" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=5431" ["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" } [13]=> object(WP_Post)#232 (25) { ["ID"]=> int(5416) ["post_author"]=> string(1) "3" ["post_date"]=> string(19) "2013-11-25 11:54:55" ["post_date_gmt"]=> string(19) "2013-11-25 01:54:55" ["post_content"]=> string(590) "

As the cost of computation and connectivity plummets, manufacturers are going to put 'interactivity' into every device. What does this mean for us as designers and curators of experiences? This talk discusses how the principles of the open web must apply not only to prototocols but to hardware as well. How can we make sure the menagerie of devices has a chance for working together?

[iframe width="500" height="281" src="//www.youtube.com/embed/sBWM1XL3Y0s?list=UURx1y52pfeMwbuer9Vh2u-A" frameborder="0" MozAllowfullscreen WebkitMozAllowfullscreen allowfullscreen]" ["post_title"]=> string(62) "Beyond Mobile, Beyond Web - video presentation by Scott Jenson" ["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(59) "beyond-mobile-beyond-web-video-presentation-by-scott-jenson" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2013-11-25 11:58:39" ["post_modified_gmt"]=> string(19) "2013-11-25 01:58:39" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=5416" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "1" ["filter"]=> string(3) "raw" ["post_category"]=> string(1) "0" } [14]=> object(WP_Post)#233 (25) { ["ID"]=> int(5403) ["post_author"]=> string(1) "3" ["post_date"]=> string(19) "2013-11-21 13:46:27" ["post_date_gmt"]=> string(19) "2013-11-21 03:46:27" ["post_content"]=> string(674) "

I'll talk about some alternative definitions of success that are more achievable (and more fun!) than the Silicon Valley casino. It turns out that staying small offers some surprising advantages, not just in the day-to-day experience of work, but in marketing and getting customers to love your project. Best of all, there's plenty more room at the bottom.
If your goal is to do meaningful work you love, you may be much closer to realizing your dreams than you think.

[iframe width="500" height="281" src="//www.youtube.com/embed/5Vt8zqhHe_c?list=UURx1y52pfeMwbuer9Vh2u-A" frameborder="0" Mozallowfullscreen Webkitallowfullscreen allowfullscreen]" ["post_title"]=> string(70) "Barely Succeed! It's Easier! - video presentation by Maciej Cegłowski" ["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(64) "barely-succeed-its-easier-video-presentation-by-maciej-ceglowski" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2013-11-21 13:46:27" ["post_modified_gmt"]=> string(19) "2013-11-21 03:46:27" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=5403" ["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" } } ["post"]=> object(WP_Post)#229 (25) { ["ID"]=> int(5496) ["post_author"]=> string(1) "3" ["post_date"]=> string(19) "2013-12-05 10:51:15" ["post_date_gmt"]=> string(19) "2013-12-05 00:51:15" ["post_content"]=> string(675) "

Broadcast TV is dead. Long live TV! Despite declining numbers in broadcast TV viewership, consumption of TV Shows and online video is growing faster than ever before. With every Network and their dog madly rushing to provide a second screen experience via native applications, few compelling cross-platform TV experiences exist on the web. Beyond technical considerations, supporting continuous experiences across channels and devices is a complex and fascinating (mobile) user experience problem.

[iframe width="500" height="281" src="//www.youtube.com/embed/inrIvwGys7g?rel=0" frameborder="0" Mozallowfullscreen Webitallowfullscreen allowfullscreen]" ["post_title"]=> string(92) "Context, multi-device and the future of TV in the browser - video presentation by Rod Farmer" ["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(89) "context-multi-device-and-the-future-of-tv-in-the-browser-video-presentation-by-rod-farmer" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2013-12-05 10:51:15" ["post_modified_gmt"]=> string(19) "2013-12-05 00:51:15" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=5496" ["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" } ["queried_object"]=> object(stdClass)#248 (16) { ["term_id"]=> &string(1) "3" ["name"]=> &string(9) "Resources" ["slug"]=> &string(9) "resources" ["term_group"]=> string(1) "0" ["term_order"]=> string(1) "0" ["term_taxonomy_id"]=> string(1) "3" ["taxonomy"]=> string(8) "category" ["description"]=> &string(0) "" ["parent"]=> &string(1) "0" ["count"]=> &string(3) "352" ["cat_ID"]=> &string(1) "3" ["category_count"]=> &string(3) "352" ["category_description"]=> &string(0) "" ["cat_name"]=> &string(9) "Resources" ["category_nicename"]=> &string(9) "resources" ["category_parent"]=> &string(1) "0" } ["queried_object_id"]=> int(3) }

Resources

Podcasts, slides and other presentation materials

We have dozens of presentations online from previous conferences. Explore the links below to see slideshows and hear podcasts from leading experts in:

Context, multi-​​device and the future of TV in the browser — video presentation by Rod Farmer

Broadcast TV is dead. Long live TV! Despite declining numbers in broadcast TV viewership, consumption of TV Shows and online video is growing faster than ever before. With every Network and their dog madly rushing to provide a second screen experience via native applications, few compelling cross-platform TV experiences exist on the web. Beyond technical considerations, supporting continuous experiences across channels and devices is a complex and fascinating (mobile) user experience problem.

See the slides and hear the podcast »

The Z Dimension — video presentation by Glen Maddern

This presentation covers a few lessons and guidelines to demystify the Z-dimension - what a stacking context is, how events are distributed, how transforms (3D & 2D) are handled by the browser, and how to untangle a vertical mess. And, as a bonus, how a better understanding of depth leads to higher-performing websites.

See the slides and hear the podcast »

JavaScript beyond the web page — video presentation by Patrick Catanzariti

Thanks to open APIs and emerging technology, JavaScript can now empower devices and technology in our day to day life. Soon we'll be controlling and securing our homes, manipulating appliances from afar and having a bunch of fun bringing data from the web to new exciting uses in the physical world. In this talk, I'll demonstrate how you can get started combining Ninja Blocks with other JavaScript APIs and devices to bring your JavaScript skills to a whole new realm of possibility!

See the slides and hear the podcast »

I Yield for Generators — video presentation by Adam Ahmed

ES6 is here and it's bringing some awesome new features to Javascript. My favorite? Generator functions. No matter what kind of code you're writing, from graphics processing to simple AJAX requests, generators are an excellent tool to make your code more performant and more maintainable at the same time. It's a bold claim, but in this session you'll learn how ES6 generators keep your code timeless while delivering the infinite on a finite platter.

See the slides and hear the podcast »

A quest for responsive imagery — video presentation by Simon Elvery

This session will compare and contrast the common techniques used for implementing responsive imagery. Simon will shed some light on the compromises that developers might need to make and the circumstances under which they might be acceptable or even desirable. Also check out the Responding to the Unknown: Choose Your Own Adventure web site.

See the slides and hear the podcast »

The best interface is no interface — video presentation from Golden Krishna

Many believe the future of design is in screens. They're wrong. Our love for the digital interface is out of control. This conversation, led by Golden Krishna, will explore a better path: NoUI. Eliminating counterintuitive input mechanisms for natural inputs inverts the contemporary focus of software design to have computers adapt for people, rather than people adapt for computers. The results can have a profound impact on your design process and our lives.

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 »

How the internet of things changes how we design — video presentation from Alexandra Deschamps-​​Sonsino

Designing a connected product requires strategic thinking that design professionals have not had to develop in an industrial context. It distrupts not only entire industries but the way professionals are shaped for those industries. I'll talk about the process of developing and designing connected products and the sets of skills, semantics, and collaborative practitces that are essential in this context.

See the slides and hear the podcast »

Connected UX — video presentation by Aarron Walter

Though design research has become common practice at product companies, it often produces insights that slip into the hazy distance as documents get lost on a hard drive, or ignored by someone in a different department. Worse still, efforts get duplicated when communication breaks down.
UX teams have design research down to a science, but few have discovered a way to connect qualitative and quantitative data, and long histories of research into a central clearinghouse that can be shared, searched, and maintained by different teams. Open access to information strengthens the connections between teams, and supports a general culture of inquiry. In this talk, Aarron shares with you practical methods to get off the research treadmill and get started building connections between data and teams.

See the slides and hear the podcast »

ECMAScript 6 — video presentation by Axel Rauschmayer

ECMAScript 6 is the next version of JavaScript (the current version is ECMAScript 5). It will be an official standard by the end of 2014, but there are tools that enable you to use it right now. This talk explains the goals for ECMAScript 6, how it is designed, what features it has, and how to use it on current JavaScript engines. Features include: block-scoped variables, arrow functions, better parameter handling, classes, modules and much more.

See the slides and hear the podcast »

Future Perfect Tense — video presentation by Relly Annet-​​Baker

Bad news: there will never be the perfect time to form that web steering committee, charged with tackling your company's website needs for the future. Besides, the future is already here. You are smack bang in the middle of a multifaceted revolution. A multiplatform, multiscreen, multidevice multi-mess. And you are equipped with ... a CMS with a WYSIWYG interface. Oh. You might need some help tackling that problem I just pointed out.
Good news: That's what I'm here for! Find out how to adapt your content workflow to meet the demands already at your door, and those you don't even know about yet, to create truly flexible content. Understand how to feed and care for content creators to help them create the very best they can. And learn why you have actually been inviting a gelatinous blob to your board meetings.

See the slides and hear the podcast »

Hack Yourself First — Troy Hunt

'Hack Yourself First' is all about developers building up cyber-offence skills and proactively seeking out security vulnerabilities in their own websites before an attacker does. It recognises that we have huge volumes of existing websites that haven't gone through sufficient security review plus we continue to create new content that even when built with security in mind, still needs testing from the perspective of a cybercriminal.
In this session Troy looks at website security from the attacker's perspective and exploit common risks in a vulnerable web application. The session is entirely web framework agnostic -- if your website uses HTML and is loaded over HTTP, this session is for you!

See the slides and hear the podcast »

Beyond Mobile, Beyond Web — video presentation by Scott Jenson

As the cost of computation and connectivity plummets, manufacturers are going to put 'interactivity' into every device. What does this mean for us as designers and curators of experiences? This talk discusses how the principles of the open web must apply not only to prototocols but to hardware as well. How can we make sure the menagerie of devices has a chance for working together?

See the slides and hear the podcast »

Barely Succeed! It’s Easier! — video presentation by Maciej Cegłowski

I'll talk about some alternative definitions of success that are more achievable (and more fun!) than the Silicon Valley casino. It turns out that staying small offers some surprising advantages, not just in the day-to-day experience of work, but in marketing and getting customers to love your project. Best of all, there's plenty more room at the bottom.If your goal is to do meaningful work you love, you may be much closer to realizing your dreams than you think.

See the slides and hear the podcast »