object(WP_Query)#79 (47) { ["query_vars"]=> array(56) { ["tag"]=> string(11) "development" ["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) ["category_name"]=> string(0) "" ["cat"]=> string(0) "" ["tag_id"]=> string(3) "114" ["author_name"]=> string(0) "" ["feed"]=> string(0) "" ["tb"]=> string(0) "" ["paged"]=> int(0) ["comments_popup"]=> string(0) "" ["meta_key"]=> string(0) "" ["meta_value"]=> string(0) "" ["preview"]=> string(0) "" ["s"]=> string(0) "" ["sentence"]=> string(0) "" ["fields"]=> string(0) "" ["menu_order"]=> string(0) "" ["category__in"]=> array(0) { } ["category__not_in"]=> array(0) { } ["category__and"]=> array(0) { } ["post__in"]=> array(0) { } ["post__not_in"]=> array(0) { } ["tag__in"]=> array(0) { } ["tag__not_in"]=> array(0) { } ["tag__and"]=> array(0) { } ["tag_slug__in"]=> array(1) { [0]=> string(11) "development" } ["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)#217 (2) { ["queries"]=> array(1) { [0]=> array(5) { ["taxonomy"]=> string(8) "post_tag" ["terms"]=> array(1) { [0]=> string(11) "development" } ["include_children"]=> bool(true) ["field"]=> string(4) "slug" ["operator"]=> string(2) "IN" } } ["relation"]=> string(3) "AND" } ["meta_query"]=> object(WP_Meta_Query)#216 (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) "64" ["max_num_pages"]=> float(5) ["max_num_comment_pages"]=> int(0) ["is_single"]=> bool(false) ["is_preview"]=> bool(false) ["is_page"]=> bool(false) ["is_archive"]=> bool(true) ["is_date"]=> bool(false) ["is_year"]=> bool(false) ["is_month"]=> bool(false) ["is_day"]=> bool(false) ["is_time"]=> bool(false) ["is_author"]=> bool(false) ["is_category"]=> bool(false) ["is_tag"]=> bool(true) ["is_tax"]=> bool(false) ["is_search"]=> bool(false) ["is_feed"]=> bool(false) ["is_comment_feed"]=> bool(false) ["is_trackback"]=> bool(false) ["is_home"]=> bool(false) ["is_404"]=> bool(false) ["is_comments_popup"]=> bool(false) ["is_paged"]=> bool(false) ["is_admin"]=> bool(false) ["is_attachment"]=> bool(false) ["is_singular"]=> bool(false) ["is_robots"]=> bool(false) ["is_posts_page"]=> bool(false) ["is_post_type_archive"]=> bool(false) ["query_vars_hash"]=> string(32) "7099fca60560660a90b3c1124d3e775d" ["query_vars_changed"]=> bool(false) ["thumbnails_cached"]=> bool(false) ["query"]=> array(1) { ["tag"]=> string(11) "development" } ["request"]=> string(342) "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 (115) ) 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)#269 (25) { ["ID"]=> int(5362) ["post_author"]=> string(1) "3" ["post_date"]=> string(19) "2013-11-19 14:22:24" ["post_date_gmt"]=> string(19) "2013-11-19 04:22:24" ["post_content"]=> string(599) "

Web based animation has arrived, and it's time for you to start taking advantage of it to engage and delight your users. And in this session we'll see how. We'll cover CSS Transitions and Animations, and throw some 2D and 3D Transforms into the mix as well, to understand how today's most common, and eye catching, animated UI design patterns can quickly be implemented in all modern browsers and devices.

[iframe width="500" height="281" src="http://www.youtube.com/embed/66Kf8fMfh1M" webkitAllowFullScreen mozallowfullscreen allowFullScreen frameborder="0" allowfullscreen]" ["post_title"]=> string(57) "Satisfying Movements - video presentation by John Allsopp" ["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) "satisfying-movements-video-presentation-by-john-allsopp" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2013-11-21 09:48:52" ["post_modified_gmt"]=> string(19) "2013-11-20 23:48:52" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=5362" ["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)#268 (25) { ["ID"]=> int(5358) ["post_author"]=> string(1) "3" ["post_date"]=> string(19) "2013-11-19 14:15:52" ["post_date_gmt"]=> string(19) "2013-11-19 04:15:52" ["post_content"]=> string(387) "

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.

[iframe width="500" height="281" src="http://www.youtube.com/embed/61zGacGIMEA" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen]" ["post_title"]=> string(72) "Making Web Apps as Smooth as Native - video presentation by Andrew Betts" ["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(70) "making-web-apps-as-smooth-as-native-video-presentation-by-andrew-betts" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2013-11-21 09:48:34" ["post_modified_gmt"]=> string(19) "2013-11-20 23:48:34" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=5358" ["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)#267 (25) { ["ID"]=> int(4856) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2013-06-27 07:53:50" ["post_date_gmt"]=> string(19) "2013-06-26 21:53:50" ["post_content"]=> string(586) "

Our work builds on the the conventions of REST. By getting to know these conventions, we can design websites and web APIs that are faster and easier for other developers to learn and navigate.

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.

" ["post_title"]=> string(86) "What every developer should know about REST - video presentation from Michael Mahemoff" ["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(84) "what-every-developer-should-know-about-rest-video-presentation-from-michael-mahemoff" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2013-06-27 12:16:32" ["post_modified_gmt"]=> string(19) "2013-06-27 02:16:32" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4856" ["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)#266 (25) { ["ID"]=> int(4851) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2013-06-26 10:55:01" ["post_date_gmt"]=> string(19) "2013-06-26 00:55:01" ["post_content"]=> string(526) "

Through this talk we will look at the history of algorithms and data structures and how we can evaluate their strengths and weaknesses before we write a single line of code.

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.

" ["post_title"]=> string(63) "See the tries for the trees - video presentation by Jared Wyles" ["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(61) "see-the-tries-for-the-trees-video-presentation-by-jared-wyles" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2013-06-26 10:55:01" ["post_modified_gmt"]=> string(19) "2013-06-26 00:55:01" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4851" ["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)#265 (25) { ["ID"]=> int(4834) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2013-06-25 10:29:32" ["post_date_gmt"]=> string(19) "2013-06-25 00:29:32" ["post_content"]=> string(573) "

An introduction to ES6 with emphasis on its practical aspects. See what it can do for you today, and learn how you'll be able to better structure client–side programs with this next step in the evolution of JavaScript.

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.

" ["post_title"]=> string(71) "What's ECMAScript 6 Good For? - Video presentation from Julio Cesar Ody" ["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) "whats-ecmascript-6-good-for-video-presentation-from-julio-cesar-ody" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2013-06-26 10:51:37" ["post_modified_gmt"]=> string(19) "2013-06-26 00:51:37" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4834" ["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" } [5]=> object(WP_Post)#264 (25) { ["ID"]=> int(4797) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2013-06-20 09:56:03" ["post_date_gmt"]=> string(19) "2013-06-19 23:56:03" ["post_content"]=> string(581) "

As a designer turned developer, quasi-nerd turned internet ninja, and now buzzword aficionado, Charlie Gleason will tell you the secrets to how he learnt to stop worrying and love the code.

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.

" ["post_title"]=> string(61) "You ARE a developer - Video presentation from Charlie Gleason" ["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) "you-are-a-developer-video-presentation-from-charlie-gleason" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2013-06-20 09:56:03" ["post_modified_gmt"]=> string(19) "2013-06-19 23:56:03" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4797" ["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)#263 (25) { ["ID"]=> int(4784) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2013-06-19 12:25:49" ["post_date_gmt"]=> string(19) "2013-06-19 02:25:49" ["post_content"]=> string(540) "

CSS Filters are a powerful tool available in all modern browsers to bring amazing photographic effects to web content. If you're not using them, you should be - here's how!

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.

rb_MOsPrdVs" ["post_title"]=> string(68) "Create impact with CSS filters - video presentation from Alex Danilo" ["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(66) "create-impact-with-css-filters-video-presentation-from-alex-danilo" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2013-06-19 14:28:17" ["post_modified_gmt"]=> string(19) "2013-06-19 04:28:17" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4784" ["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)#262 (25) { ["ID"]=> int(4778) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2013-06-19 11:38:52" ["post_date_gmt"]=> string(19) "2013-06-19 01:38:52" ["post_content"]=> string(468) "

Frustrated with scroll effects and events on touch devices? Learn how a few simple libraries can fix your problems.

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.

" ["post_title"]=> string(62) "Embracing touch - Cross-Platform scrolling with 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(60) "embracing-touch-cross-platform-scrolling-with-mark-dalgleish" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2013-06-19 11:38:52" ["post_modified_gmt"]=> string(19) "2013-06-19 01:38:52" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4778" ["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)#261 (25) { ["ID"]=> int(4708) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2013-06-07 11:28:24" ["post_date_gmt"]=> string(19) "2013-06-07 01:28:24" ["post_content"]=> string(675) "

The DOM will finally have real encapsulation with the introduction of the Shadow DOM, a subset of the Web Components spec that will revolutionise web development as we know it. In this session we’ll take a short, sharp tour on the how and why of what the Shadow DOM has to offer.

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.

" ["post_title"]=> string(61) "Ghost in the Shadow DOM - Video presentation from Ryan Seddon" ["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) "ghost-in-the-shadow-dom-video-presentation-from-ryan-seddon" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2013-06-07 11:28:24" ["post_modified_gmt"]=> string(19) "2013-06-07 01:28:24" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4708" ["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)#260 (25) { ["ID"]=> int(4679) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2013-06-05 13:59:44" ["post_date_gmt"]=> string(19) "2013-06-05 03:59:44" ["post_content"]=> string(634) "

Angus Croll ponders the emergence of moralizing and faith-based JavaScript and discusses how an alternative approach grounded in knowledge, experience and understanding will make us all better coders and encourage creativity and innovation.

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.

" ["post_title"]=> string(64) "The politics of JavaScript - video presentation from Angus Croll" ["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(62) "the-politics-of-javascript-video-presentation-from-angus-croll" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2013-06-05 13:59:44" ["post_modified_gmt"]=> string(19) "2013-06-05 03:59:44" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4679" ["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)#259 (25) { ["ID"]=> int(4650) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2013-06-03 14:38:10" ["post_date_gmt"]=> string(19) "2013-06-03 04:38:10" ["post_content"]=> string(690) "

Can style guides lead to better UI code? Better performance? Yes, absolutely. In this talk, Nicole will show you how she and her team collaborated with Trulia engineers and designers to create a living style guide. She'll also share some yummy data about how that affected real user measurements.

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.

" ["post_title"]=> string(71) "For the love of style guides - video presentation from Nicole Sullivan" ["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(68) "css-preprocessor-performance-video-presentation-from-nicole-sullivan" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2013-06-06 13:14:03" ["post_modified_gmt"]=> string(19) "2013-06-06 03:14:03" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4650" ["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)#258 (25) { ["ID"]=> int(4376) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2012-07-12 16:11:36" ["post_date_gmt"]=> string(19) "2012-07-12 06:11:36" ["post_content"]=> string(2267) "

Rob Hawkes uses HTML5 technologies for game development. See below for full session description and more resources.

Got a taste for it? Be there for the dev track at Web Directions South 2012.

This presentation was recorded at Web Directions Code in Melbourne on May 24 2012.

Session description

With Angry Birds, Cut the Rope and other block­buster games now working in modern web browsers, it’s fair to say native, browser based gaming has arrived for real. But how do they do it? In this session, Mozilla Technical Evangelist Rob Hawkes looks at the features now in your browsers to help develop games (and other interactive web based experiences) including the Canvas and WebGL, HTML5 Audio API, Mouselock and the Joy­stick API.

Resources from this presentation

About Rob Hawkes

Rob thrives on solving problems through code. He has an addiction to visual programming and can’t get enough of HTML5 and JavaScript. He’s the author of Foundation HTML5 Canvas and is a Technical Evangelist at Mozilla. He leads the gaming side of Mozilla’s work within the developer community.

" ["post_title"]=> string(52) "HTML5 technologies and game development - Rob Hawkes" ["post_excerpt"]=> string(596) "

Photo of Rob HawkesWith Angry Birds, Cut the Rope and other block­buster games now working in modern web browsers, it’s fair to say native, browser based gaming has arrived for real. But how do they do it? In this session, Mozilla Technical Evangelist Rob Hawkes looks at the features now in your browsers to help develop games (and other interactive web based experiences) including the Canvas and WebGL, HTML5 Audio API, Mouselock and the Joy­stick API.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(39) "html5-technologies-and-game-development" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2012-08-10 10:15:21" ["post_modified_gmt"]=> string(19) "2012-08-10 00:15:21" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4376" ["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" } [12]=> object(WP_Post)#229 (25) { ["ID"]=> int(4368) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2012-07-09 21:14:40" ["post_date_gmt"]=> string(19) "2012-07-09 11:14:40" ["post_content"]=> string(3573) "

Divya Manian designs in the browser. See below for full session description and more resources.

Got a taste for it? Be there for the dev track at Web Directions South 2012.

This presentation was recorded at Web Directions Code in Melbourne on May 24 2012.

Session description

Each website is a product used daily by people to take actions, not just read the content on it. Your product is amorphous, it takes the shape of whatever container it fills: a mobile browser, a touch enabled desktop browser, or a 30″ iMac that is connected to the Internet via tethering. Photoshop is just one of the means to an end in this new age of utilitarian web sites. The new technologies available in HTML5 already allow you to create prototypes quickly in the browser. Learn how to create a prototype from start to finish using these new technologies while taking advantage of quick prototyping tools.

Resources from this presentation

About Divya Manian

Divya Manian works for the Adobe Web Platform Team in San Francisco. She made the jump from developing device drivers for Motorola phones to designing websites and has not looked back since. She takes her duties as an Open Web vigilante seriously which has resulted in collaborative projects such as HTML5 Readiness and HTML5 Boilerplate.

" ["post_title"]=> string(39) "Designing in the browser - Divya Manian" ["post_excerpt"]=> string(771) "

Photo of Divya ManianEach website is a product used daily by people to take actions, not just read the content on it. Your product is amorphous, it takes the shape of whatever container it fills: a mobile browser, a touch enabled desktop browser, or a 30″ iMac that is connected to the Internet via tethering. Photoshop is just one of the means to an end in this new age of utilitarian web sites. The new technologies available in HTML5 already allow you to create prototypes quickly in the browser. Learn how to create a prototype from start to finish using these new technologies while taking advantage of quick prototyping tools.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(37) "designing-in-the-browser-divya-manian" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2012-07-09 21:14:40" ["post_modified_gmt"]=> string(19) "2012-07-09 11:14:40" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4368" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "4" ["filter"]=> string(3) "raw" ["post_category"]=> string(1) "0" } [13]=> object(WP_Post)#257 (25) { ["ID"]=> int(4364) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2012-07-09 21:13:00" ["post_date_gmt"]=> string(19) "2012-07-09 11:13:00" ["post_content"]=> string(1634) "

Faruk Ateş on The Web's Third Decade. See below for full session description.

Got a taste for it? Be there for the dev track at Web Directions South 2012.

This presentation was recorded at Web Directions Code in Melbourne on May 23 2012.

Session description

Our medium has entered its third decade of existence, and is ready for some growing up. Our definitions and understand­ing of the web are rapidly getting out of date, as, too, are our practices for building on it. It is time to re-evaluate where things are and, more importantly, where they are going.

About Faruk Ateş

Faruk is a designer, developer and web standards educator with a strong passion for accessible techniques and progressive enhancement. Now busy with a new startup of his own, Faruk previously worked as Lead Designer at Apture, User Interface Engineer at Apple, and before that he built and designed Content Management Systems at a startup in The Netherlands. Whenever time permits him, Faruk works on open source tools like Modernizr and jQuery Runloop, aiming to help people make better websites and applications. He also frequently writes for publications both online and print, and speaks at conferences and events all around the world. He now lives in San Francisco.

" ["post_title"]=> string(36) "The Web's Third Decade - Faruk Ateş" ["post_excerpt"]=> string(457) "

Photo of Faruk AteşOur medium has entered its third decade of existence, and is ready for some growing up. Our definitions and understand­ing of the web are rapidly getting out of date, as, too, are our practices for building on it. It is time to re-evaluate where things are and, more importantly, where they are going.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(32) "the-webs-third-decade-faruk-ates" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2012-07-09 21:13:00" ["post_modified_gmt"]=> string(19) "2012-07-09 11:13:00" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4364" ["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)#256 (25) { ["ID"]=> int(4354) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2012-07-05 17:50:36" ["post_date_gmt"]=> string(19) "2012-07-05 07:50:36" ["post_content"]=> string(2935) "

Dmitry Baranovskiy Enters the Dragon with JavaScript. See below for full session description and more resources.

Got a taste for it? Be there for the dev track at Web Directions South 2012.

This presentation was recorded at Web Directions Code in Melbourne on May 24 2012.

Session description

Some time ago now JavaScript stopped being a toy language and became a serious player. Yet when you browse through the plethora of code and different discussions you get the sense that a lot of people, even those who use it every day, are still quite confused about the language — its great power, and your great responsibility toward it as a developer. Demystifying this is the purpose of the entire second day of Web Directions Code, which Dmitry will introduce in a keynote you won’t forget for a long time.

Resources from this presentation

About Dmitry Baranovskiy

Dmitry started his journey over a decade ago as a backend developer, then a designer and has now finally settled and accepted his fate as a frontend developer. Despite his deep knowledge of CSS and HTML, he mainly specializes in JavaScript and is well known as the creator of Raphaël as well as other JavaScript libraries.

" ["post_title"]=> string(50) "JavaScript - Enter The Dragon - Dmitry Baranovskiy" ["post_excerpt"]=> string(683) "

Photo of Dmitry BaranovskiySome time ago now JavaScript stopped being a toy language and became a serious player. Yet when you browse through the plethora of code and different discussions you get the sense that a lot of people, even those who use it every day, are still quite confused about the language — its great power, and your great responsibility toward it as a developer. Demystifying this is the purpose of the entire second day of Web Directions Code, which Dmitry will introduce in a keynote you won’t forget for a long time.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(46) "javascript-enter-the-dragon-dmitry-baranovskiy" ["to_ping"]=> string(0) "" ["pinged"]=> string(82) " http://www.webdirections.org/resources/write-javascript-like-its-2012-tony-milne/" ["post_modified"]=> string(19) "2012-07-05 17:50:36" ["post_modified_gmt"]=> string(19) "2012-07-05 07:50:36" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4354" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "3" ["filter"]=> string(3) "raw" ["post_category"]=> string(1) "0" } } ["post"]=> object(WP_Post)#269 (25) { ["ID"]=> int(5362) ["post_author"]=> string(1) "3" ["post_date"]=> string(19) "2013-11-19 14:22:24" ["post_date_gmt"]=> string(19) "2013-11-19 04:22:24" ["post_content"]=> string(599) "

Web based animation has arrived, and it's time for you to start taking advantage of it to engage and delight your users. And in this session we'll see how. We'll cover CSS Transitions and Animations, and throw some 2D and 3D Transforms into the mix as well, to understand how today's most common, and eye catching, animated UI design patterns can quickly be implemented in all modern browsers and devices.

[iframe width="500" height="281" src="http://www.youtube.com/embed/66Kf8fMfh1M" webkitAllowFullScreen mozallowfullscreen allowFullScreen frameborder="0" allowfullscreen]" ["post_title"]=> string(57) "Satisfying Movements - video presentation by John Allsopp" ["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) "satisfying-movements-video-presentation-by-john-allsopp" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2013-11-21 09:48:52" ["post_modified_gmt"]=> string(19) "2013-11-20 23:48:52" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=5362" ["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)#401 (10) { ["term_id"]=> string(3) "114" ["name"]=> string(11) "development" ["slug"]=> string(11) "development" ["term_group"]=> string(1) "0" ["term_order"]=> string(1) "0" ["term_taxonomy_id"]=> string(3) "115" ["taxonomy"]=> string(8) "post_tag" ["description"]=> string(0) "" ["parent"]=> string(1) "0" ["count"]=> string(2) "64" } ["queried_object_id"]=> int(114) }

Presentations about development

Podcasts, slides, videos and more

Satisfying Movements — video presentation by John Allsopp

Web based animation has arrived, and it's time for you to start taking advantage of it to engage and delight your users. And in this session we'll see how. We'll cover CSS Transitions and Animations, and throw some 2D and 3D Transforms into the mix as well, to understand how today's most common, and eye catching, animated UI design patterns can quickly be implemented in all modern browsers and devices.

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 »

What every developer should know about REST — video presentation from Michael Mahemoff

Our work builds on the the conventions of REST. By getting to know these conventions, we can design websites and web APIs that are faster and easier for other developers to learn and navigate.

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 »

See the tries for the trees — video presentation by Jared Wyles

Through this talk we will look at the history of algorithms and data structures and how we can evaluate their strengths and weaknesses before we write a single line of code.

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 »

What’s ECMAScript 6 Good For? — Video presentation from Julio Cesar Ody

An introduction to ES6 with emphasis on its practical aspects. See what it can do for you today, and learn how you'll be able to better structure client–side programs with this next step in the evolution of JavaScript.

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 »

You ARE a developer — Video presentation from Charlie Gleason

As a designer turned developer, quasi-nerd turned internet ninja, and now buzzword aficionado, Charlie Gleason will tell you the secrets to how he learnt to stop worrying and love the code.

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 »

Create impact with CSS filters — video presentation from Alex Danilo

CSS Filters are a powerful tool available in all modern browsers to bring amazing photographic effects to web content. If you're not using them, you should be - here's how!

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.

rb_​MOsPrdV See the slides and hear the podcast »

Embracing touch — Cross-​​Platform scrolling with Mark Dalgleish

Frustrated with scroll effects and events on touch devices? Learn how a few simple libraries can fix your problems.

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 »

Ghost in the Shadow DOM — Video presentation from Ryan Seddon

The DOM will finally have real encapsulation with the introduction of the Shadow DOM, a subset of the Web Components spec that will revolutionise web development as we know it. In this session we’ll take a short, sharp tour on the how and why of what the Shadow DOM has to offer.

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 »

The politics of JavaScript — video presentation from Angus Croll

Angus Croll ponders the emergence of moralizing and faith-based JavaScript and discusses how an alternative approach grounded in knowledge, experience and understanding will make us all better coders and encourage creativity and innovation.

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 »

For the love of style guides — video presentation from Nicole Sullivan

Can style guides lead to better UI code? Better performance? Yes, absolutely. In this talk, Nicole will show you how she and her team collaborated with Trulia engineers and designers to create a living style guide. She'll also share some yummy data about how that affected real user measurements.

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 »

HTML5 technologies and game development — Rob Hawkes

Photo of Rob HawkesWith Angry Birds, Cut the Rope and other block­buster games now working in modern web browsers, it’s fair to say native, browser based gaming has arrived for real. But how do they do it? In this session, Mozilla Technical Evangelist Rob Hawkes looks at the features now in your browsers to help develop games (and other interactive web based experiences) including the Canvas and WebGL, HTML5 Audio API, Mouselock and the Joy­stick API.

See the slides and hear the podcast »

Designing in the browser — Divya Manian

Photo of Divya ManianEach website is a product used daily by people to take actions, not just read the content on it. Your product is amorphous, it takes the shape of whatever container it fills: a mobile browser, a touch enabled desktop browser, or a 30″ iMac that is connected to the Internet via tethering. Photoshop is just one of the means to an end in this new age of utilitarian web sites. The new technologies available in HTML5 already allow you to create prototypes quickly in the browser. Learn how to create a prototype from start to finish using these new technologies while taking advantage of quick prototyping tools.

See the slides and hear the podcast »

The Web’s Third Decade — Faruk Ateş

Photo of Faruk AteşOur medium has entered its third decade of existence, and is ready for some growing up. Our definitions and understand­ing of the web are rapidly getting out of date, as, too, are our practices for building on it. It is time to re-​​evaluate where things are and, more importantly, where they are going.

See the slides and hear the podcast »

JavaScript — Enter The Dragon — Dmitry Baranovskiy

Photo of Dmitry BaranovskiySome time ago now JavaScript stopped being a toy language and became a serious player. Yet when you browse through the plethora of code and different discussions you get the sense that a lot of people, even those who use it every day, are still quite confused about the language — its great power, and your great responsibility toward it as a developer. Demystifying this is the purpose of the entire second day of Web Directions Code, which Dmitry will introduce in a keynote you won’t forget for a long time.

See the slides and hear the podcast »