Web Directions

object(WP_Query)#70 (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)#206 (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)#205 (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) "53" ["max_num_pages"]=> float(4) ["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)#261 (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

• Slides from this presentation
• Foundation HTML5 Canvas
• HTML5 Games Most Wanted
• Rawkets - built with HTML5 and Websockets

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) "

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.

" ["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" } [1]=> object(WP_Post)#260 (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

• Slides from this presentation
• A related presentation from Stephen Hay
• Docpad
• Jekyll
• HTML5 Boilerplate
• Sass
• LESS
• Stylus
• BEM: Block, Element, Modifier
• Mustache
• Eco
• HAML
• Faker.js
• Bootstrap
• Codekit
• LiveReload
• Docco
• Style Docco
• Lorem Pixel

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) "

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.

" ["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) "2" ["filter"]=> string(3) "raw" ["post_category"]=> string(1) "0" } [2]=> object(WP_Post)#259 (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) "

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" } [3]=> object(WP_Post)#258 (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

• Baby steps: The JavaScript Garden
• As the man says, read the bloody spec!
• A number of the other presentations on the JavaScript day of Web Directions Code went into detail of the kind of thing Dmitry speaks about here:
  • Write JavaScript like it’s 2012 — Tony Milne
  • Truthiness, falsiness and other JavaScript gotchas — Anette Bergo
  • Getting closure in JavaScript — Mark Dalgleish

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) "

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.

" ["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) "2" ["filter"]=> string(3) "raw" ["post_category"]=> string(1) "0" } [4]=> object(WP_Post)#257 (25) { ["ID"]=> int(4340) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2012-07-04 10:27:54" ["post_date_gmt"]=> string(19) "2012-07-04 00:27:54" ["post_content"]=> string(3040) "

John Allsopp takes HTML5 apps offline. 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

One of the perceived benefits of “native” apps is that they can be installed on a device, then run when the user isn’t connected. But web apps can do this too. In this session, John Allsopp will show you how to use HTML5 features such as appcache and webStor­age to create apps that the user can install, and which will work even when the user is cruising at 30,000 feet with no web connection. These features also have the added bonus of helping to improve the performance of web sites and apps, and even work in all modern browsers and devices, including IE8 up!

Resources from this presentation

• webStorage: Persistent client side data storage - tutorial by John Allsopp
• Get off(line) - tutorial by John Allsopp

About John Allsopp

John Allsopp has spent more than 15 years developing for the web, creating software like the acclaimed CSS editor Style Master, and writing and publishing training for web developers. John frequently speaks at conferences and delivers workshops around the world. He is a co-founder of the Web Directions conferences for web designers and developers, held on several continents. In 1999, John wrote the still highly regarded Dao of Web Design and his Microformats: Empowering Your Markup for Web 2.0 was the first book published on Microformats. He is also the author of Developing with Web Standards. When not bathed in the glow of various computer screens, he’s a volunteer surf lifesaver and lives at the southern edge of Sydney with his wife and young daughters, who are the light of his life.

" ["post_title"]=> string(87) "Getting offline: appcache, localStorage for HTML5 apps that work offline - John Allsopp" ["post_excerpt"]=> string(728) "

One of the perceived benefits of “native” apps is that they can be installed on a device, then run when the user isn’t connected. But web apps can do this too. In this session, John Allsopp will show you how to use HTML5 features such as appcache and webStorage to create apps that the user can install, and which will work even when the user is cruising at 30,000 feet with no web connection. These features also have the added bonus of helping to improve the performance of web sites and apps, and even work in all modern browsers and devices, including IE8 up!

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(83) "getting-offline-appcache-localstorage-for-html5-apps-that-work-offline-john-allsopp" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2012-07-04 11:36:57" ["post_modified_gmt"]=> string(19) "2012-07-04 01:36:57" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4340" ["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)#256 (25) { ["ID"]=> int(4334) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2012-07-04 10:03:31" ["post_date_gmt"]=> string(19) "2012-07-04 00:03:31" ["post_content"]=> string(1621) "

Dave Johnson HTML5, device APIs and PhoneGap. 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

Where once web pages were sand­boxed, with little if any access to the underlying device capabilities, increasingly, this is no longer the case. From the first steps of geolocation, which enables any web site or application to ask the browser for a user’s location, an increasing range of device features are being exposed in the DOM: the file system, camera, gyrosopes, address book, com­passes and more. In this session, Dave Johnson, originator of the phoneGap project delves into HTML5 and related device APIs, enabling us to build richer, more sophisticated applications in the browser.

About Dave Johnson

Dave is a co-founder of Nitobi. He holds a BASc in Electrical Engineering (UBC) and a PhD in Solid State Physics from London’s Imperial College which both have pretty much nothing to do with mobile phones or software development. Dave spends most of his time working on and talking about the PhoneGap project.

" ["post_title"]=> string(46) "HTML5, device APIs and PhoneGap - Dave Johnson" ["post_excerpt"]=> string(754) "

Where once web pages were sand­boxed, with little if any access to the underlying device capabilities, increasingly, this is no longer the case. From the first steps of geolocation, which enables any web site or application to ask the browser for a user’s location, an increasing range of device features are being exposed in the DOM: the file system, camera, gyrosopes, address book, com­passes and more. In this session, Dave Johnson, originator of the phoneGap project delves into HTML5 and related device APIs, enabling us to build richer, more sophisticated applications in the browser.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(43) "html5-device-apis-and-phonegap-dave-johnson" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2012-07-04 10:04:13" ["post_modified_gmt"]=> string(19) "2012-07-04 00:04:13" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4334" ["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)#255 (25) { ["ID"]=> int(4331) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2012-07-03 08:33:14" ["post_date_gmt"]=> string(19) "2012-07-02 22:33:14" ["post_content"]=> string(1949) "

Mark Dalgleish gets closure in 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

An in-depth look at how JavaScript’s first-class functions and lexical scope allow us to write powerful and expressive code. Through the single topic of immediately invoked function expressions, we’ll touch upon function scope, closures, JavaScript “classes”, CoffeeScript and ECMAScript 5.

Resources referred to in this presentation

• Immediately-Invoked Function Expression (IIFE)
• Self-executing anonymous functions
• Slides from this presentation

About Mark Dalgleish

Mark Dalgleish works as a front-end developer in Melbourne. He’s obsessed with everything web and loves using JavaScript, CSS and HTML to create rich experiences that resonate with end users. In his spare time, he loves experimenting with the latest web technologies and sharing projects online.

" ["post_title"]=> string(46) "Getting closure in JavaScript - Mark Dalgleish" ["post_excerpt"]=> string(460) "

An in-depth look at how JavaScript’s first-class functions and lexical scope allow us to write powerful and expressive code. Through the single topic of immediately invoked function expressions, we’ll touch upon function scope, closures, JavaScript “classes”, CoffeeScript and ECMAScript 5.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(44) "getting-closure-in-javascript-mark-dalgleish" ["to_ping"]=> string(0) "" ["pinged"]=> string(69) " http://markdalgleish.com/2011/03/self-executing-anonymous-functions/" ["post_modified"]=> string(19) "2012-07-03 08:33:14" ["post_modified_gmt"]=> string(19) "2012-07-02 22:33:14" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4331" ["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)#254 (25) { ["ID"]=> int(4329) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2012-07-03 08:26:05" ["post_date_gmt"]=> string(19) "2012-07-02 22:26:05" ["post_content"]=> string(2232) "

Damon Oehlman takes us beyond event listeners. 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

Stuck in the land of DOM-based event handling in your JS code? While jQuery (and other libraries) help ease the pain, they don’t solve all the problems. This session will explore modern JS event libraries that will change the way you architect and build your apps forever.

Resources referred to in this presentation

• Slides from this presentation
• Demo repository
• Dmitry's Eve Project

About Damon Oehlman

Damon Oehlman is an experienced web and mobile applications developer. He has worked with small and large companies to develop software solutions for desktop, web and most recently mobile devices. His first technical book, Pro Android Web Apps, was released earlier this year by Apress. Damon currently runs his own software development and consulting firm Sidelab, which specializes in cross-platform mobile solutions. Damon’s aptly titled tech blog Distractable offers a mix of articles, tutorials and other shiny things. He is a proud dad, husband and one day dreams of owning his own underground lair.

" ["post_title"]=> string(38) "Beyond event listeners - Damon Oehlman" ["post_excerpt"]=> string(434) "

Stuck in the land of DOM-based event handling in your JS code? While jQuery (and other libraries) help ease the pain, they don’t solve all the problems. This session will explore modern JS event libraries that will change the way you architect and build your apps forever.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(36) "beyond-event-listeners-damon-oehlman" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2012-07-03 08:26:05" ["post_modified_gmt"]=> string(19) "2012-07-02 22:26:05" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4329" ["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)#252 (25) { ["ID"]=> int(4301) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2012-06-29 09:07:26" ["post_date_gmt"]=> string(19) "2012-06-28 23:07:26" ["post_content"]=> string(1941) "

Anson Parker gives us the lowdown on this excellent HTML5 feature. 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 23 2012.

Session description

Get the low-down on this excellent HTML5 feature and learn how you can add it to your own web projects (and why you'd want to!). We'll also look at some of the missteps made along the way (like the 2011/12 Twitter web interface).

Resources referred to in this presentation

• HTML5 History API tutorial
• Twitter engineer Dan Webb on their choice to use #! URLs
• A History API library that supports older browsers (with #‘s — so beware!)

About Anson Parker

Anson Parker is a web developer based in Melbourne, Australia. His past has included stints at Optus and News Limited in Sydney, as well as a couple of years with a tech startup in San Francisco. Over that time he has moved from design to programming to product development. He is the man behind the domain name search engine Domize and plans on launch­ing an automotive search engine in 2012.

" ["post_title"]=> string(36) "The HTML5 History API - Anson Parker" ["post_excerpt"]=> string(387) "

Get the low-down on this excellent HTML5 feature and learn how you can add it to your own web projects (and why you'd want to!). We'll also look at some of the missteps made along the way (like the 2011/12 Twitter web interface).

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(34) "the-html5-history-api-anson-parker" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2012-06-29 09:07:26" ["post_modified_gmt"]=> string(19) "2012-06-28 23:07:26" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4301" ["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)#253 (25) { ["ID"]=> int(4314) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2012-06-29 09:04:00" ["post_date_gmt"]=> string(19) "2012-06-28 23:04:00" ["post_content"]=> string(1908) "

Anette Bergo takes a look at the pitfalls of 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. Oh, and, the man who wrote "JavaScript, the Good Parts", Douglas Crockford, is also giving a full day masterclass.

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

Session description

Douglas Crockford has introduced us all to the good parts of JavaScript. But what then are “the bad parts”? In this session, Anette Bergo takes a look at some of JavaScript’s odd parts, quirks, and pitfalls.

Resources referred to in this presentation

• the book that started it all, Douglas Crockford's "JavaScript, The Good Parts"
• video of Douglas speaking on "JavaScript, The Good Parts"

About Anette Bergo

Anette Bergo works for ThoughtWorks where she runs around and tries to fix things and occasionally gets to write some code. She has had a bizarre love for JavaScript since her first web site crashed the browser with an endless loop, and decided to start the Melbourne JavaScript group in 2010 to find people that felt the same.

" ["post_title"]=> string(65) "Truthiness, falsiness and other JavaScript gotchas - Anette Bergo" ["post_excerpt"]=> string(370) "

Douglas Crockford has introduced us all to the good parts of JavaScript. But what then are “the bad parts”? In this session, Anette Bergo takes a look at some of JavaScript’s odd parts, quirks, and pitfalls.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(62) "truthiness-falsiness-and-other-javascript-gotchas-anette-bergo" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2012-06-29 09:05:12" ["post_modified_gmt"]=> string(19) "2012-06-28 23:05:12" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4314" ["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" } [10]=> object(WP_Post)#251 (25) { ["ID"]=> int(4294) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2012-06-28 09:10:26" ["post_date_gmt"]=> string(19) "2012-06-27 23:10:26" ["post_content"]=> string(2897) "

Tony Milne on some JavaScript best practices. 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

This 15 minute party may or may not include: when and how to load and run JavaScript on page load; JavaScript coding conventions you should adopt; a look at writing callback oriented JavaScript and some JavaScript performance tips for fun and profit.

Resources referred to in this presentation

• Summary of Script tags, CommonJS and AMD
• Comparison of RequireJS v YepNope v LABjs
• Module Patterns in JavaScript
• An in-depth summary of Modules in JavaScript
• RequireJS
• Almond, the light weight shim (alternative to RequireJS in production)
• The CommonJS specification
• The AMD specification
• Author of RequireJS on AMD

About Tony Milne

Tony is a co-founder of Inlight Media, a leading Melbourne web and mobile development company who specialise in Node.js backed iOS/web projects. When Tony fills in his census survey answers, JavaScript is his native language. Tony helps organise and regularly attends MelbJS (a Melbourne JavaScript group) and the Melbourne Node.js meetup, so you can come along, hang out and drink a beer with him there.

" ["post_title"]=> string(44) "Write JavaScript like it's 2012 - Tony Milne" ["post_excerpt"]=> string(405) "

This 15 minute party may or may not include: when and how to load and run JavaScript on page load; JavaScript coding conventions you should adopt; a look at writing callback oriented JavaScript and some JavaScript performance tips for fun and profit.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(41) "write-javascript-like-its-2012-tony-milne" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2012-06-28 12:08:00" ["post_modified_gmt"]=> string(19) "2012-06-28 02:08:00" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4294" ["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" } [11]=> object(WP_Post)#250 (25) { ["ID"]=> int(4291) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2012-06-28 09:09:28" ["post_date_gmt"]=> string(19) "2012-06-27 23:09:28" ["post_content"]=> string(1663) "

Jared Wyles shows us how to improve JavaScript performance by listening to our browser. 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 24 2012.

Session description

Before we fork out for expensive performance monitoring tools, what if we took the time to listen to what our browser was trying to tell us? We can discover a whole range of features you may have ignored. Discover how to debug network latency issues, memory leaks and other performance fun in our browsers. With web applications becoming more like desktop apps, remaining open for days at a time. Now is the time to listen to your browsers pain and walk away with a new toolkit of performance best practices.

About Jared Wyles

Jared is a senior software engineer having recently taken over reigns of the frontend at big commerce. He has done a stint with Atlassian and digital agencies working with the web for the past 5 years. When not working, he can usually be found drinking somewhere ranting about the current state of web applications or web standards to whoever will listen, and in front of whatever conference will have his rants on the importance of performance.

" ["post_title"]=> string(48) "Removing the gag from your browser - Jared Wyles" ["post_excerpt"]=> string(663) "

Before we fork out for expensive performance monitoring tools, what if we took the time to listen to what our browser was trying to tell us? We can discover a whole range of features you may have ignored. Discover how to debug network latency issues, memory leaks and other performance fun in our browsers. With web applications becoming more like desktop apps, remaining open for days at a time. Now is the time to listen to your browsers pain and walk away with a new toolkit of performance best practices.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(46) "removing-the-gag-from-your-browser-jared-wyles" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2012-06-28 09:09:28" ["post_modified_gmt"]=> string(19) "2012-06-27 23:09:28" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4291" ["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)#249 (25) { ["ID"]=> int(4285) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2012-06-27 13:32:04" ["post_date_gmt"]=> string(19) "2012-06-27 03:32:04" ["post_content"]=> string(3702) "

Tim Oxley shows us how to harness the browser to do some of the heavy-lifting. 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

Today’s web browser is a powerful application platform, challenging the traditional responsibilities of web application server and client. In this session we learn to harness the browser to do some of the heavy-lifting traditionally delegated to the server-side. Pushing rendering tasks onto the web browser reduces the amount of hand-holding required of a server, minimising network utilisation and lag involved in user interactions. This decouples our views from our server implementation and can improve overall application performance. Your web applications will feel snappy and light­weight, presenting a more pleasant user experience. We will explore the implications of client-side rendering and the differences between popular client-side templating tools, such as jQuery templates, EJS, Underscore and Handlebars, evaluating compatibility, performance, expressiveness and project health, while comparing statistics and user experience with traditional server-side templating techniques.

Resources referred to in this presentation

• Asynchronous UIs - the future of web user interfaces
• The client-side templating throwdown
• Unless you have a very good reason not to, use Handlebars
• Recommended framework: Ember.js
• Staticloud
• eson - Extended (pluggable) JSON for node
• Learn to say no to clients
• Don't give your clients a CMS
• Just teach them to write JSON, or even better, CSON
• And have them markup their pages using Markdown
• Build tools are your friends, learn to use Make
• And be more like TJ

About Tim Oxley

Tim works primarily on the NodeJS platform, building lightweight data and interconnectivity services for business. Since leaping from Flash’s burning carcass, Tim has been honing his skills as a professional JavaScript developer while championing professional programming practices as a consultant in Australia and worldwide.

" ["post_title"]=> string(48) "Clientside templates for reactive UI - Tim Oxley" ["post_excerpt"]=> string(1153) "

Today’s web browser is a powerful application platform, challenging the traditional responsibilities of web application server and client. In this session we learn to harness the browser to do some of the heavy-lifting traditionally delegated to the server-side. Pushing rendering tasks onto the web browser reduces the amount of hand-holding required of a server, minimising network utilisation and lag involved in user interactions. This decouples our views from our server implementation and can improve overall application performance. Your web applications will feel snappy and light­weight, presenting a more pleasant user experience. We will explore the implications of client-side rendering and the differences between popular client-side templating tools, such as jQuery templates, EJS, Underscore and Handlebars, evaluating compatibility, performance, expressiveness and project health, while comparing statistics and user experience with traditional server-side templating techniques.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(46) "clientside-templates-for-reactive-ui-tim-oxley" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2012-06-27 13:32:04" ["post_modified_gmt"]=> string(19) "2012-06-27 03:32:04" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4285" ["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)#248 (25) { ["ID"]=> int(4282) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2012-06-27 07:53:31" ["post_date_gmt"]=> string(19) "2012-06-26 21:53:31" ["post_content"]=> string(2530) "

Tammy Butow has a look at the new HTML5 form features. 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 23 2012.

Session description

Let’s have a look at how new features such as autofocus, required fields, native date pickers, place­holder text and popping up tailored keyboards for numbers and email addresses on mobile devices can make life more enjoyable!

Resources referred to in this presentation

• Slides from this presentation
• W3C listing of differences between HTML5 and HTML4
• Dive Into HTML5 on Forms
• HTML5 inputs and attribute support
• H5F JavaScript library that allows you to use the HTML5 Forms chapters new field input types, attributes and constraint validation API in non-supporting browsers
• Modernizr
• Initializr
• HTML5 Boilerplate

About Tammy Butow

Tammy is studying a Master of Computer Science at RMIT and is the co-chair of @GGDMelb. She also spends her time making HTML5 mobile apps, travelling, blogging and filming music videos for chuckingamosh.com.

" ["post_title"]=> string(44) "Fantastic forms for mobile web - Tammy Butow" ["post_excerpt"]=> string(384) "

Let’s have a look at how new features such as autofocus, required fields, native date pickers, place­holder text and popping up tailored keyboards for numbers and email addresses on mobile devices can make life more enjoyable!

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(42) "fantastic-forms-for-mobile-web-tammy-butow" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2012-06-27 07:53:31" ["post_modified_gmt"]=> string(19) "2012-06-26 21:53:31" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4282" ["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" } [14]=> object(WP_Post)#247 (25) { ["ID"]=> int(4262) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2012-06-26 13:32:38" ["post_date_gmt"]=> string(19) "2012-06-26 03:32:38" ["post_content"]=> string(2310) "

Ryan Seddon on how you can automate client-side unit testing. 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

Client-side unit testing can be a painful thing to test in all browsers, so as a "lazy developer" Ryan Seddon likes to do as little as possible. This presentation dives into how you can automate this process, what tools are out there to help, and how Ryan uses these on Modernizr.

Resources referred to in this presentation

• Slides from this presentation
• Modernizr
• Travis distributed build platform
• BrowserStack live web-based cross browser testing
• Node-browserstack
• Yeti, the YUI Easy Testing Interface

About Ryan Seddon

Ryan Seddon is a Senior Front-end Developer from Melbourne Australia who has an unnatural obsession with JavaScript and the many places it runs. He also loves to tinker with any new web technology he can get his hands on and loves diving into specs and code to figure out more. In his spare time he’s either playing basketball, writing for his blog thecssninja.com or committing code to GitHub.

" ["post_title"]=> string(51) "Debugging secrets of a lazy developer - Ryan Seddon" ["post_excerpt"]=> string(423) "

Client-side unit test­ing can be a pain­ful thing to test in all browsers, so as a "lazy developer" I like to do as little as pos­sible. We'll dive into how we can auto­mate this pro­cess and what tools are out there to help us and how I use these on Modernizr.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(49) "debugging-secrets-of-a-lazy-developer-ryan-seddon" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2012-06-26 14:07:20" ["post_modified_gmt"]=> string(19) "2012-06-26 04:07:20" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4262" ["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)#261 (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

• Slides from this presentation
• Foundation HTML5 Canvas
• HTML5 Games Most Wanted
• Rawkets - built with HTML5 and Websockets

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) "

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.

" ["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" } ["queried_object"]=> object(stdClass)#358 (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) "53" } ["queried_object_id"]=> int(114) }