Web Directions Podcast

Learn how to build high performance Internet and web applications with Node.js. In is session Tom Hughes-Croucher will demonstrate how to quickly build a high performance chat server using Node.js. This live coding exercise will provide a real insight into what it looks like to build a project in server-side Javascript. We will also cover how to deploy Node applications in production and look at just how far Node can really scale… A million connections and beyond? Tom Hughes-Croucher is the Chief Evangelist at Joyent, sponsors of the Node.js project. Tom mostly spends his days helping companies build really exciting projects with Node and seeing just how far it will scale. Tom is also the author of the O’Reilly book "Up and running with Node.js". Tom has worked for many well known organizations including Yahoo, NASA and Tesco. Follow Tom on Twitter: @sh1mmer Licensed as Creative Commons Attribution NonCommercial ShareAlike 3.0 Unported license (http://creativecommons.org/licenses/by-nc-sa/3.0/).

HTML5 Video has been a hot topic for the last couple of years - but with new additions to the specification, we can now extend it beyond all recognition. In this session we’ll look at basic timed data, closed captioning and more - and as we adventure into more sophisticated uses of the technology, we’ll explore what additional value timed data can provide to your video, with attention paid to how you can implement it today. The key focuses of this session will be accessibility, searchable media, and enriching existing multimedia experiences with timed data, all with a liberal application of flashy eye-candy. And of course we’re using the freshly minted Timed Text Track specification, soon appearing in a browser near you! Christopher Giffard is a full stack web developer at the Department of Education, Employment, and Workplace Relations in Canberra. He’s somewhat new to the government, having a career background as a web guy in graphic design and advertising agencies - but hopes to bring a slice of that m

Learn how to build great looking and high performance mobile web applications leveraging CSS3 animations and Backbone.js, along with some cool use cases for geolocation and localStorage. This session will describe in length a boilerplate you can use for developing your own apps aimed at A grade mobile devices and tablets. Julio has been a full-stack software developer for the 12 years of his career, and during this time he went from being a GNU/Linux and Unix sysadmin, to a VoIP PBX architect, and finally a software developer. Since moving to Australia from Brazil, he has worked on startups and companies building software and at the same time, stuck his nose as much as he can into the human side of the software equation, understanding developer productivity, how software companies work, and product development. More recently he grew too interested in design for his own good, and began freelancing under the codename of Awesome By Design, writing a bunch of software which he open sourced on GitHub, giving

The Australian War Memorial is connecting and enriching online archives and collections toward building a platform for telling history. Through Drupal 7 and Linked Data, the Memorial intends to develop tools that designers, researchers and historians can use to help find new ways of building historical narratives. During this session we will demonstrate some early prototypes and experiments, key uses of Linked Data, practical publishing tools and discuss how this work is unfolding inside one of Australia’s major collecting institutions. Adam Bell leads the web production team at the Australian War Memorial, where he works with curators and historians to publish the Memorial’s vast archives and collections online. He has a background as an artist, cultural worker, teacher and printmaker and plays in a rock n roll band. Follow Adam on Twitter: @bumphead David Peterson has been pushing at the boundaries of Web development since 1995; that combined with a background in wildlife cinematography brings fresh

WCAG2 is a long series of documents. Gian Wild knows this better than most: she spent six years on the W3C WCAG Working Group writing them. It’s a lot to ask that every developer and project manager read the complete guidelines, including informative content. However there are some very useful - and sometimes hidden - techniques in WCAG2. And some are even at Level AAA. Join Gian to find out what these are. Gian has worked in the accessibility industry since 1998 and consulted on the development of the first Level AAA accessible web site in Australia (Disability Information Victoria). She has worked with the Disability Services arm of the Victorian Government for over thirteen years to keep the four iterations of the Disability Services site (Disability Information Victoria, Disability Services, Disability Online and DiVine), Level AAA accessible. She ran the accessibility consultancy PurpleTop from 2000 to 2005 and built the accessibility tool, PurpleCop. Follow Gian on Twitter: @accessibilityoz Licen

Mozilla is dedicated to ensuring that competition and innovation thrive on the Internet. In the last decade we rescued the Web from a near-monopoly and restored competition to the browser market. Now the standards-based Web platform is evolving rapidly - mostly in a good direction - and is defeating some of its competitors, such as proprietary browser plugins. However, it faces fresh challenges, in particular, single-vendor platforms for mobile devices that are attracting application developers away from the Web platform. In this talk I will describe the work we’re doing to ensure that the standards-based Web wins again - developing new technologies, extending Web standards, and shipping great products on all kinds of devices. I’ll talk about the challenges we face and what people who care about competition and freedom can do to help. Robert O’Callahan has been trying to save the world by contributing to Mozilla since 1999. In 2005 he left a career in computer science research at IBM to move back to New Ze

The key idea of the Semantic Web is to make information on the Web easily consumable by machines. As machines start to understand web pages as sources of data that can be easily combined with other public data on the Web, the promise is that search on the Web will move well beyond the current paradigm of retrieving pages by keywords. Instead, search engines will start to answer complex queries based on the cumulative knowledge of the Web. In this presentation, we overview the basic set of technologies that can be used to annotate web pages so that they can be processed by data-aware search engines. In particular, we discuss the RDFa and microdata standards of the W3C designed for marking up data in HTML pages. We look at the ways in which this information is currently used by search engines, including the latest schema.org collaboration between Bing, Google, and Yahoo!, which provides a basic set of vocabulary items understood by all three major search engines on the Web. Peter Mika is a researcher and da

Augmented Reality lets you peel away the blinkers from your real world eyes to see the rich data and information that exists all around you. But up until now it has relied largely on proprietary tools and standards. Finally, we’re close to being able to augment our world using web technologies. Soon this will be a common part of the web browsing and mobile device experience. Now is the time to look at these future trends and the state of a specific list of API standardisation activities and the forces shaping them. We’ll also look at the current obstacles, risks and issues to explore what may prevent this landscape from evolving as it appears it will. This presentation aims to document the AR standardisation efforts over the last few years as well as what’s possible right now and in the near future from a distinctly web-based perspective. Rob is the Managing Director and co-founder of MOB, an innovative R&D lab based in Sydney. He regularly presents on mobile, AR and future technology developments. He is

Computers are increasingly being held in the hand rather than sitting atop lap or desk. We now have to consider how our products will work underneath a finger instead of a mouse cursor. Increasingly, too, those products are being delivered as native applications, capable of fully exploiting device capabilities. That has ramifications not only for the way those projects get built, but also how we structure the businesses that support them. In this session, Michael Honey and Tim Riley answer the question 'web or native?' from business, product design and development perspectives. They cover the current state of web technology on modern devices and compare it to what’s available through native development platforms. They’ll look at web, native and hybrid strategies successfully employed by Australian and international businesses, and share their own stories as mobile and web developers. Finally, they’ll offer practical guidance on picking a strategy for web or native development that best suits your needs - as

The application of web accessibility guidelines in a holistic manner across all roles of a web team continues to encounter resistance. This is often due to a lack of resources and knowledge, or no sense of relevancy in certain web roles. While there is solid support of the guidelines by accessibility activists and many front-end developers, a large percentage of other web practitioners in non-technical roles do not know how to integrate accessible design practices into their daily work, despite wanting to. By re-categorising accessibility guidelines into role-based groupings, such as visual design, content writing and information architecture, guidelines become more accessible to inexperienced web practitioners across a broad range of web roles. The application of accessibility guidelines then becomes more integrated and holistic, thereby reducing project timelines and costs while increasing the overall accessibility of a site from initial design stages. This method enables practitioners to apply skills spe

Natalie and Simon launched the first version of Lanyrd.com while on honeymoon in Casablanca. As the site took off, they realised their side project was destined to become something much bigger. This talk will tell the story of Lanyrd, from a two-week proof of concept to a full-fledged startup via three intensive months of Y Combinator in Silicon Valley. They’ll share the trials, tribulations and lessons they learned along the way. This is the talk they wish they’d heard before they got started! Natalie co-founded Lanyrd on her honeymoon with her husband Simon. Before co-founding a startup, she worked as a senior client-side engineer at Clearleft in Brighton, UK. Today, she juggles leading design, client-side engineering and UX on the project with building the company. If Natalie had any time for hobbies, she would enjoy pottery, yoga, writing and flying her kite. Follow Natalie on Twitter: @Natbat Simon is a co-founder of Lanyrd, and co-creator of the Django web framework. Prior to diving in to the wor

Since the early days of the web, the only reliable way to get movement on your site was through Flash, or more recently, Javascript. But now, with WebKit and Mozilla leading the way, transformations and transitions can be done with pure CSS, even on mobile devices. And for those in need of even more movement, CSS3 provides for keyframe-based animations. In this session, we’ll take a look at all of the possibilities and explore what works and where - from the simplest effects, to creative usability enhancements including the combination of CSS with mobile Javascript frameworks. Greg Rewis is the Principal Evangelist for Adobe Systems, focusing on Adobe’s open web products and technologies such as HTML5, CSS3 and Javascript. With over 20 years of computer industry experience, Greg spends in excess of 200 days of the year on the road, talking with customers, giving product demonstrations at seminars, and speaking at industry conferences. Greg has been passionate about the web since putting his first "home pa

Change is never a smooth process. How do know when disruption is useful and how do you cope with the feedback on it? Recently news.com.au, a national news website with large numbers of daily visitors, underwent a major upgrade which tore down existing and perhaps "expected" ways of presenting news. At the heart of the redesign was a desire for change that motivated and challenged every aspect of the team’s design thinking and process. In this co-piloted session Simon and Scott will fly you over the territories of change they encountered on the project, ones common to many redesign projects. They’ll descend through the experiences that came out of the redesign: fundamentals like stakeholders, requirements and their process for user experience architect and designer working side by side. Sprinkled with some of the twitter and facebook feedback the project received, they’ll touch down on the sticky issues of dealing with feedback and how to suck it up and utilise passionate user and stakeholder feedback. Sc

Let’s start with the assumption that computing and networking are as cheap to incorporate into product designs as plastic and aluminum. Anything can tweet, everything knows about everything. The cloud extends from smart speed bumps to exurban data systems, passing through us in the process. We’re basically there technologically today, and over the next [pick a date range] years, we’ll be there distribution-wise. Here’s the issue: now that we have this power what do we do with it? Yes we can now watch the latest movies on our phones while ignoring the rest of the world (if you believe telco ads) and know more about peripheral acquaintances than you ever wanted. But, really, is that it? Is it Angry Birds all the way down? Of course not. Every technology’s most profound social and cultural changes are invisible at the outset. Cheap information processing and networking technology is a brand new phenomenon, culturally speaking, and quickly changing the world in fundamental ways. Designers align the capabilities

The Web is a purely magical substance that is built by us, web developers. How can it be that the web is totally technical, yet we all know some kids who we can call magicians of the Web. Some people believe that it’s all about skills, but Dmitry reckons it’s more about bravely, grit and a tiny bit of madness. Do you want to change the Web, not just build it? Do you want to know the secret spells? Do you want to know the source of all this unlimited power? Come and find out. Dmitry has over ten years experience in creating web applications. Having started as a back end developer, more recently he has changed his orientation to front end development and even pure design. He is the creator of Raphaël, the JavaScript Library that simplifies your work with vector graphics on the web, as well as a Optimus, the Microformats transformer. At any given moment he is always working on three secret projects, though no one knows where he gets the time for any of this. Follow Dmitry on Twitter: @DmitryBaranovsk Li

Innovation is intensifying off the browser - the things we use everyday are increasingly controlled by touch, gesture and voice. And we, as interaction designers, are faced with a challenge that’s the opposite of our browser-​​based one-​​man-​​shop: there’s suddenly a gulf of production between our concept and the final product; the means of production is as tricky to navigate as a roster of Tolstoy characters; mistakes are expensive; and everyone speaks a different language. Sound dangerous? Sound exciting? Donovan argues the processes for the future lie in our more material-​​based graphic designer pasts, and our cousin disciplines of industrial design and architecture. After a decade of honing our newfangled browser-​​based skills, learn how to dust off and sharpen the tools of our roots. Hannah Donovan is a Canadian interaction designer living in London. She led design at Last​.fm for five years, and before that worked agency-​​side designing digital campaigns. Since leaving Last​.fm this spring, Han

Most jaw-dropping apps use multiple HTML5 APIs in creative ways, rather than a single API in isolation. In this session we will explore ways you can implement and combine HTML APIs such as websockets, web workers, local storage, and geolocation to make awesome web apps. Then just for fun we’ll look at how you can dish up something really special by throwing in ingredients like canvas, video and WebGL. 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. Follow Da

More and more as front-end developers we are presented with new challenges, with the explosion of the mobile web it has created a whole new territory. How do we test the vast array of devices out there? And what tools can help us make this a painless experience? Testing web apps on mobile devices is a new challenge not yet fully explored. Let’s brush over the beginnings of web application testing and debugging and dive into current solutions for remote debugging. In this session we’ll cover what developers and browser vendors are doing to help tackle this problem, including some of the tools available to use today, and how some of these tools work internally and what the future may hold. 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 basket

Would you like to learn how to organize your JavaScript applications so they can scale? Be able to write apps that support switching out Dojo or jQuery without rewriting a line of code? Application architecture is one of those aspects to development where minor problems can lead to major issues later on if it isn’t done right. Developers writing client-side apps these days usually use a combination of MVC, modules, widgets, plugins and frameworks for theirs. Whilst this works great for apps that are built at a smaller-scale, what happens when your project really starts to grow?. In this talk, I’ll be presenting an effective set of design patterns for large-scale JavaScript application architecture that have previously been used at both AOL and Yahoo amongst others to develop scalable applications. You’ll learn how to keep your application logic truly decoupled, build modules that can exist on their own independently so they can be easily dropped into other projects and future-proof your code in case you nee

In 2020 there will be nearly 10 times as many Internet connected devices as there are human beings on this planet. The majority of these will not have web browsers. When it comes to the "Internet of Things", web designers and developers are uniquely placed to create, connect and produce innovative new ways for these devices to be used. We are used to mashing up disconnected data sets, playing with APIs and designing for constantly moving standards in order to create compelling digital user experiences. "Old school" engineers are struggling to keep pace due to long processes for product and service design but as web creators we understand the value of rapid prototyping, user feedback and quick iterations. As developers, we play daily with a bewildering array of technologies that span networks, servers and user interfaces. As designers, we understand the nature of beautiful but usable technology. These skills, and our innate understanding of how interconnectedness enhances and creates engaging user experience