into your pages, and how to make it work cross-browser and degrade gracefully in older browsers. Sound too good to be true? It’s not!We’ll look at the pros and the cons of HTML5 multimedia and see how to write simple controls with JavaScript. Most excitingly, we’ll also look at how HTML5 builds in support for subtitles and captions for multimedia accessibility. And you might pick up a Turkish dancing tip on the way.About Bruce Lawson Bruce evangelises Open Web Standards for Opera . He’s currently working with the British Standards Institution to draft the new Standard for commissioning accessible web sites and writing a book about HTML5. Previously, he’s been front-end technical lead for the Law Society and Solicitors Regulation Authority web sites, tutor to a princess’ daughter in Thailand, a movie extra in Bombay, and a tarot card reader in Istanbul. He blogs at brucelawson.co.uk , drinks Guinness and is training for a blue belt in kickboxing.Follow Bruce on Twitter: @brucel " ["post_title"]=> string(43) "Bruce Lawson - Native multimedia with HTML5" ["post_excerpt"]=> string(468) "
" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(41) "bruce-lawson-native-multimedia-with-html5" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2011-06-26 14:06:26" ["post_modified_gmt"]=> string(19) "2011-06-26 04:06:26" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=3363" ["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)#259 (25) { ["ID"]=> int(3348) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2011-06-04 14:39:06" ["post_date_gmt"]=> string(19) "2011-06-04 04:39:06" ["post_content"]=> string(1618) "Web Directions @media 2011, London, May 27th 11:45am.
Presentation slides Session description In this session Dave will cover high-performance presentation and animation using HTML5, JavaScript, CSS3 and Canvas. Examples will include mobile-friendly techniques you can use today for creating game effects and “flashy” user experiences across a range of browsers and devices.About Dave Balmer Senior Software Engineer with Palm Developer Relations, Dave is a JavaScript guru currently focused on mobile app development. He is the creator of four JavaScript application frameworks, including Jo, which is a lightweight solution for cross-platform mobile apps.In his spare time, Dave designs and writes games, makes music, and writes.Follow Dave on Twitter: @balmer " ["post_title"]=> string(42) "Dave Balmer - Rockstar graphics with HTML5" ["post_excerpt"]=> string(452) "
" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(40) "dave-balmer-rockstar-graphics-with-html5" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2011-06-26 18:22:19" ["post_modified_gmt"]=> string(19) "2011-06-26 08:22:19" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=3348" ["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" } [3]=> object(WP_Post)#256 (25) { ["ID"]=> int(3271) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2011-06-04 12:22:52" ["post_date_gmt"]=> string(19) "2011-06-04 02:22:52" ["post_content"]=> string(2321) "Web Directions Unplugged 2011, Seattle, May 13th 11:30am.
Presentation slides Session description There’s an old expression, that there are only 2 hard problems in computing: naming, cache invalidation and off-by-one errors. Building offline web apps is all about those hard problems. There are some different ways of storing stuff — such as html5 caching, html5 storage, sqllite, and even native stores such as contacts and calendars — and we’ll sing their praises. But the really hard problems are knowing what to store, whether the stuff is still good or needs refreshing, how much to store, how to resolve conflicts between the client and server, how to integrate with data-specific stores, all in a bewildering cacophony of network and storage limited devices. We’ll spend the bulk of our time on these hard problems, which is probably more useful than api description and sample code.About Dave Orchard Dave Orchard is Mobile Architect at Salesforce.com and located in Vancouver, Canada. This means being involved in many mobile platforms, architectures, tools, technologies and APIs. Prior to that, he was a co-founder of Ayogo Games and focused on iPhone and ruby/merb/mysql based casual social games. Back further in the mists of time, he was the Web standards lead for BEA Systems for 7 years, including being elected three times to 2 year terms on the W3C Technical Architecture Group chaired by Sir Tim Berners-Lee.Follow Dave on Twitter: @DaveO " ["post_title"]=> string(42) "Dave Orchard - Offline Web Apps with HTML5" ["post_excerpt"]=> string(473) "
" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(40) "dave-orchard-offline-web-apps-with-html5" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2011-06-06 16:38:02" ["post_modified_gmt"]=> string(19) "2011-06-06 06:38:02" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=3271" ["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)#258 (25) { ["ID"]=> int(3331) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2011-06-04 11:53:14" ["post_date_gmt"]=> string(19) "2011-06-04 01:53:14" ["post_content"]=> string(2177) "Web Directions Unplugged 2011, Seattle, May 12th 1:40pm.
Presentation slides Session description You’ve seen a lot of demos, but is HTML5 really ready for primetime? We made an HTML5-based pool game with the explicit goal of creating an experience that defies your expectations for what a browser can do. In this session we’ll take you through the challenges and triumphs of working with this new technology. For the experienced HTML5 dev, we’ll share tips and tricks. For the rest of us, it will be a great primer on the exciting potential that HTML5 brings to the web.About Robby Ingebretsen Robby Ingebretsen is a user experience designer and developer with a singular purpose: making great ideas real. As the founder of Pixel Lab , a user experience consultancy that specializes in Silverlight, HTML5 and mobile technologies, he helps clients make cool stuff–the kind that needs the unique full-bodied blend of a little design love and a little engineering kung-fu.Follow Robby on Twitter: @ingebretsen " ["post_title"]=> string(61) "Robby Ingebretsen - Get your game on: HTML5 for game building" ["post_excerpt"]=> string(646) "
" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(58) "robby-ingebretsen-get-your-game-on-html5-for-game-building" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2011-06-04 12:07:04" ["post_modified_gmt"]=> string(19) "2011-06-04 02:07:04" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=3331" ["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)#257 (25) { ["ID"]=> int(3280) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2011-05-29 10:10:48" ["post_date_gmt"]=> string(19) "2011-05-29 00:10:48" ["post_content"]=> string(1721) "Web Directions Unplugged 2011, Seattle, May 13th 2:25pm.
Presentation slides Session description The Canvas tag has been around for a while, and HTML5 has given it more visibility. It’s now finding its way into most mobile browsers, and even a majority of desktop browsers. This talk will give a solid overview of what the canvas tag is, what it can do, and how it compares with other technologies like SVG and Flash. Several practical code examples will show how you can use it along with CSS3 and other HTML5 goodies to make your web apps more featured, efficient and downright cool.About Dave Balmer Senior Software Engineer with Palm Developer Relations, Dave is a JavaScript guru currently focused on mobile app development. He is the creator of four JavaScript application frameworks, including Jo HTML5 Mobile App Framework, which is a lightweight solution for cross-platform mobile apps.In his spare time, Dave designs and writes games, makes music, and writes.Follow Dave on Twitter: @balmer " ["post_title"]=> string(46) "Dave Balmer - HTML5 Graphics: Canvas Deep Dive" ["post_excerpt"]=> string(478) "
" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(43) "dave-balmer-html5-graphics-canvas-deep-dive" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2011-05-29 10:10:48" ["post_modified_gmt"]=> string(19) "2011-05-29 00:10:48" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=3280" ["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" } [6]=> object(WP_Post)#255 (25) { ["ID"]=> int(2921) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2010-11-01 13:19:55" ["post_date_gmt"]=> string(19) "2010-11-01 03:19:55" ["post_content"]=> string(3122) "Web Directions South 2010, Sydney Convention and Exhibition Centre, October 14 10.45am.
Presentation slides The slides are available on Silvia's website .Video Session description With three different audio and video codec formats each supported by the diverse HTML5 capable Web browsers, plus the need to deal with fallback for older browsers, HTML5 media is not the simple solution we have all been hoping for. But on the other hand, HTML5 media will make your life easier, since it offers some features that are hard to get with traditional Adobe Flash, such as a standardised JavaScript API, integrated CSS support, and built-in support for accessibility and internationalisation through captioning, subtitling, and audio descriptions. Additionally, devices such as the iPhone and iPad will only support HTML5 media and not Flash. So for any serious practitioner it's a technology you can no longer ignore. W3C invited expert Silvia Pfeiffer will talk through the big issues on this important topic.About Silvia Pfeiffer Dr Silvia Pfeiffer has worked on novel media technology for more than 15 years and is an internationally renowned expert in new Web video standards. Silvia completed her PhD in Mannheim, Germany, on audio-visual content analysis. She then spent 7 years at the CSIRO developing new video technology for the Web in the "Annodex" project. In 2007, she co-founded Australian video company
Vquence which offers consulting and technology services for Web 2.0 video.Silvia is now an invited expert on four W3C video-related working groups. She is making contributions to the new audio and video elements in HTML5, to media annotation standards, to media fragment addressing via URIs, and to video accessibility technology for hearing and seeing-impaired people (captions, audio annotations etc).Speaker photo: (C)
Alice Boxhall Follow Silvia on Twitter: @silviapfeiffer " ["post_title"]=> string(39) "Silvia Pfeiffer - HTML5 Audio and Video" ["post_excerpt"]=> string(493) "
Web Directions South 2010, Sydney Convention and Exhibition Centre, October 14 1.40pm.
Presentation slides The presentation slides are available on Dan Rubin's website (PDF) .Session description HTML5 and CSS3 are the newest stars of the web: the cornerstones of progressive enhancement, the future of online video, the easiest way to build web applications for desktop and mobile devices, and a brilliant foundation upon which we can add complex interaction and animation layers with javascript and Canvas; happily — thanks to much-improved browser support — we can now use them. In this session, Dan Rubin will show you who’s already taking advantage of these latest additions to our toolbox, what this means for interface designers, and how you can bring the same techniques to your projects.About Dan Rubin An accomplished designer, author and speaker,
Dan Rubin has over ten years of experience as a leader in the fields of user interface design and web standards, specifically focusing on the use of HTML and CSS to streamline development and improve accessibility.His passion for all things creative and artistic isn’t a solely selfish endeavor either—you’ll frequently find him waxing educational about a cappella jazz and barbershop harmony, philosophy, web standards, typography, psychology, and design in general.In addition to his contributions to sites including Blogger, the CSS Zen Garden, Yahoo! Small Business and Microsoft's ASP.net portal, Dan is a contributing author of
Cascading Style Sheets: Separating Content from Presentation (2nd Edition, friends of ED, 2003), technical reviewer for
Beginning CSS Web Development (Apress, 2006),
The Art & Science of CSS (SitePoint, 2007) and
Sexy Web Design (SitePoint, 2009), coauthor of
Pro CSS Techniques (Apress, 2006), and
Web Standards Creativity (friends of ED, 2007), writes about web standards, design and life in general on his personal site,
Superfluous Banter , and spends his professional time on a variety of online and offline projects for
Sidebar Creative ,
Webgraph and
Black Seagull , consulting on design, user interaction and online publishing for
Garcia Media , and speaking and teaching at events, conferences and workshops (including An Event Apart, @media, SXSW Interactive, Future of Web Design, Web Directions, and various Refresh and AIGA events) around the world.Photo: ©
John Morrison / Subism Studios Follow Dan on Twitter: @danrubin " ["post_title"]=> string(67) "Dan Rubin - Creativity, design and interaction with HTML5 and CSS3 " ["post_excerpt"]=> string(770) "
" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(63) "dan-rubin-creativity-design-and-interaction-with-html5-and-css3" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2010-11-01 09:58:00" ["post_modified_gmt"]=> string(19) "2010-10-31 23:58:00" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=2909" ["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" } [8]=> object(WP_Post)#253 (25) { ["ID"]=> int(2907) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2010-11-01 09:17:28" ["post_date_gmt"]=> string(19) "2010-10-31 23:17:28" ["post_content"]=> string(3134) "Web Directions South 2010, Sydney Convention and Exhibition Centre, October 15 10.45am.
Presentation slides Session description Remember how fun it was to do hands-on classroom projects together in kindergarten? Well, this interactive session is going to be like that, but just with bigger people.In the first part of the session, I'll hand out blank report cards, and each of us will -- individually and based on whatever criteria we personally want to use -- use those report cards to assign A, B, C, D, and E letter grades to particular new features that are part of HTML5 and related specifications that are supported to some degree in browsers.Then I'll collect those, and use the info to judge which HTML5 features to focus the discussion on during the second part of the session. During the second part of the session, we'll make a handful of poster-side HTML5 Report Cards together, by taking a look at the HTML5 features we identified during the first part of the session, and then assigning A, B, C, D, and E letter grades to those together -- based on the current quality of the features/implementations, and on criteria such as if/how well the features actually work as expected, as well as on some criteria such as "plays well with others", "areas where improvement is needed", etc.About Michael(tm) Smith Michael(tm) Smith joined the W3C in 2007. He help with work on W3C core standards related to browsing technologies; in particular, the phenomenon known as HTML5, as well as other standards related to Web application APIs. Michael has been based in Tokyo since 2001. Prior to joining the W3C, he worked for Opera Software, and prior to that, for Openwave Systems — most of that time involved with design, development, testing, and deployment of software for mobile operators.
Follow Michael(tm) on Twitter: @sideshowbarker " ["post_title"]=> string(37) "Michael(tm) Smith - HTML5 Report Card" ["post_excerpt"]=> string(341) "
" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(33) "michaeltm-smith-html5-report-card" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2010-11-01 09:17:28" ["post_modified_gmt"]=> string(19) "2010-10-31 23:17:28" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=2907" ["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)#252 (25) { ["ID"]=> int(2860) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2010-10-23 12:42:36" ["post_date_gmt"]=> string(19) "2010-10-23 02:42:36" ["post_content"]=> string(2798) "Web Directions South 2010, Sydney Convention and Exhibition Centre, October 14 10.45am.
Presentation slides Session description Web technologies are evolving at such a frenetic pace that it becomes almost mandatory to learn on your own. A lot of us still depend on other people to do this learning for us, and we tend to use their answers to solve our everyday problems. Inconsistent implementations, rapidly evolving specs, questionable performance impacts and maintenance implications mean we cannot always depend on others for answers but must involve ourselves actively in the process of developing specifications for new Web technologies. But how do we go about it? There are some simple rituals we can all do, which can have us be better-informed and also better inform the people and groups who are most directly involved in the development of new Web technologies.About Divya Manian Divya Manian is a Web Designer in Seattle. 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 .Speaker Photo: ©
Mohini Patel Glanz .
Follow Divya on Twitter: @nimbuin " ["post_title"]=> string(37) "Divya Manian - Active web development" ["post_excerpt"]=> string(913) "
" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(35) "divya-manian-active-web-development" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2010-11-16 08:48:18" ["post_modified_gmt"]=> string(19) "2010-11-15 22:48:18" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=2860" ["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(2849) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2010-10-23 10:55:04" ["post_date_gmt"]=> string(19) "2010-10-23 00:55:04" ["post_content"]=> string(1995) "Web Directions USA 2010, Loews Atlanta Hotel, September 24 10.10am.
Presentation slides The presentation slides are available on Michael's website .Session description HTML5 introduces several so-called “offline” technologies: application caching, local storage, and file access, to name a few. But these technologies are not just for purely offline apps; they boost startup performance, overcome network outages, and partition content away from the server. This talk will explain how you can incorporate these technologies into your work today and identify the features browsers will be supporting in the near future.About Michael Mahemoff Michael Mahemoff is a
Chrome Developer Advocate for
Google , based in London, always looking at ways to make the web a more habitable place for users and developers alike. He’s been programming on the web since the mid ’90s, in a range of public-facing and enterprise (Java, what else?) contexts, and is the author of Ajax Design Patterns (O’Reilly, 2006) and a blogger for Ajaxian.com. Server side, he’s mostly a Ruby, PHP, and NodeJS guy and sushi is his preferred coding fuel. Michael holds a PhD from the University of Melbourne, covering software design patterns for improving user experience.
" ["post_title"]=> string(44) "Michael Mahemoff - HTML5: Online and Offline" ["post_excerpt"]=> string(628) "
" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(41) "michael-mahemoff-html5-online-and-offline" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2010-10-23 10:55:04" ["post_modified_gmt"]=> string(19) "2010-10-23 00:55:04" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=2849" ["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)#250 (25) { ["ID"]=> int(2846) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2010-10-23 10:21:42" ["post_date_gmt"]=> string(19) "2010-10-23 00:21:42" ["post_content"]=> string(2210) "Web Directions @media 2010, Southbank Centre London, June 11 9.10am.
Session description Andy Clarke’s Hardboiled Web Design is an uncompromising look at how to make the most from modern design tools and browsers, up-to-date techniques and processes. In this practical, design focussed talk, Andy will discuss the ‘how’ as well as the ‘why’ and will challenge your preconceptions to help you make better work for the web.Andy will demonstrate the most modern, forward-moving and sometimes experimental CSS techniques while emphasising why a forward looking approach to CSS will pay real dividends.About Andy Clarke Andy Clarke has been called a lot of things since he started working on the web ten years ago. His ego likes words like “ambassador for CSS”, “industry prophet” and “inspiring”, but actually he is most proud that Jeffrey Zeldman once called him a “(triple talented) bastard”.Andy took ten months of his life to write the best-selling
Transcending CSS: The Fine Art of Web Design , but his passion is amazing web design. He loves designing for the web, writing about design, and teaching it at workshops and conferences all over the world.Now he is pulling all of those passions together to create
For A Beautiful Web , a unique series of web design master classes that cover topics including visual design and best-practice use of technologies.
Follow Andy on Twitter: @Malarkey " ["post_title"]=> string(46) "Andy Clarke — Keynote: Hardboiled Web Design" ["post_excerpt"]=> string(554) "Hardboiled Web Design is an uncompromising look at how to make the most from modern design tools and browsers, up-to-date techniques and processes. In this practical, design focussed talk, Andy will discuss the ‘how’ as well as the ‘why’ and will challenge your preconceptions to help you make better work for the web.
" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(33) "andy-clarke-hardboiled-web-design" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2010-10-23 13:26:27" ["post_modified_gmt"]=> string(19) "2010-10-23 03:26:27" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=2846" ["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" } [12]=> object(WP_Post)#249 (25) { ["ID"]=> int(2839) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2010-10-22 20:05:17" ["post_date_gmt"]=> string(19) "2010-10-22 10:05:17" ["post_content"]=> string(2367) "Web Directions South 2010, Sydney Convention and Exhibition Centre, October 14 11.45am.
Presentation slides Session description Devices have caught up; That is, our technology dreams from the mid 90's have finally been realised. However since this time, HTML has lay dormant. We've been through a decade of tech wasteland. It's time to change the status quo and take back the web.During my session we'll look at where the future of HTML lies, including new structural elements. You'll also grasp an introduction to associated technologies that have come into popularity with the steam of HTML5: SVG, Web Sockets, Web Workers, Geo-location and making applications useful offline.About Ben Schwarz Ben Schwarz is a well known Melbourne Rubyist who funds his love of good food (at home) and sake (in bars) by designing sophisticated web applications using standards-based technology. More than anything else, he is driven by a maniacal desire to produce not only elegant code, but also beautiful software in the hands of its users.
Follow Ben on Twitter: @BenSchwarz " ["post_title"]=> string(46) "Ben Schwarz - Building a better web with HTML5" ["post_excerpt"]=> string(466) "
" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(44) "ben-schwarz-building-a-better-web-with-html5" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2010-10-26 21:28:31" ["post_modified_gmt"]=> string(19) "2010-10-26 11:28:31" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=2839" ["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(2833) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2010-10-22 17:51:34" ["post_date_gmt"]=> string(19) "2010-10-22 07:51:34" ["post_content"]=> string(2768) "Web Directions South 2010, Sydney Convention and Exhibition Centre, October 15 11.45am.
Presentation slides Session description Web typography has in the past two years seen a resurgence in interest and many would agree only rightly so, with most of the content on the web still textual. However the range of technical options available for setting type on the web is quite broad—not to mention the range of stylistic choices available—and often confusing. This session aims to demystify the current techniques available to set type on the web by comparing and contrasting the various options at hand while offering a set of good defaults and safe advice for not only making it accessible but also pleasurable to read.About Simon Pascal Klein Simon Pascal Klein is a graphic, web and interface designer, front-end developer, rampant ‘typophile’, UI and accessibility aficionado. Born in Mainz Mainz, Germany — the birthplace of Gutenberg — he now works in Canberra as a freelance designer while studying at the Australian National University. Simon is actively engaged in the Open Source community and local web industry, notably as one of the unorganisers to first bring BarCamp to Canberra. He also co-hosts
a podcast on all things web , and publishes occasionally on things type on
his site .
Follow Simon on Twitter: @klepas " ["post_title"]=> string(56) "Simon Pascal Klein - Setting standards-friendly web type" ["post_excerpt"]=> string(766) "
" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(54) "simon-pascal-klein-setting-standards-friendly-web-type" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2010-10-22 19:12:39" ["post_modified_gmt"]=> string(19) "2010-10-22 09:12:39" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=2833" ["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(2816) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2010-10-22 15:12:28" ["post_date_gmt"]=> string(19) "2010-10-22 05:12:28" ["post_content"]=> string(3416) "Web Directions South 2010, Sydney Convention and Exhibition Centre, October 14 2.40pm.
Presentation slides Session description Web 2.0 is adding more and more content to our pages, especially features that are implemented in Ajax. But our web applications are evolving faster than the browsers that they run in. We don't have to rely on or wait for the release of new browsers to make our web applications faster. In this session, Steve Souders discusses web performance best practices from his second book, Even Faster Web Sites. These time-saving techniques are used by the world's most popular web sites to create a faster user experience, increase revenue, and reduce operating costs. Steve provides technical details about reducing the pain of JavaScript, as well as secrets for making your page load faster in emerging markets where network connectivity is a challenge.About Steve Souders Steve works at Google on web performance and open source initiatives. He previously served as Chief Performance Yahoo!. Steve is the author of
High Performance Web Sites and
Even Faster Web Sites . He created
YSlow , the performance analysis plug-in for Firefox. He serves as co-chair of Velocity, the web performance and operations conference from O'Reilly, and is co-founder of the Firebug Working Group. He recently taught CS193H: High Performance Web Sites at Stanford University.
Follow Steve on Twitter: @souders " ["post_title"]=> string(39) "Steve Souders — Even Faster Web Sites" ["post_excerpt"]=> string(918) "
" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(37) "steve-souders-even-faster-web-sites-2" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2010-11-17 15:09:16" ["post_modified_gmt"]=> string(19) "2010-11-17 05:09:16" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=2816" ["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(3368) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2011-06-04 16:56:02" ["post_date_gmt"]=> string(19) "2011-06-04 06:56:02" ["post_content"]=> string(2252) "Web Directions @media 2011, London, May 27th 10:45am.
Presentation slides Presentation slides (external site)Session description With HTML5, we can now cache our applications and the data that goes with them. This means our favourite programming platform can now be used to build apps that work offline, survive intermittent downtimes, and gain in performance from cached content. In this session we’ll get hands-on with the application cache to make the app run when it’s not online. We’ll check out the techniques for client-side persistence: web storage and indexed database. Finally, we’ll look at the latest techniques for file access — reading and writing files on the user’s hard drive from a web app is being defined by web standards and implemented in today’s modern browsers.About Michael Mahemoff Michael Mahemoff is a Chrome Developer Advocate for Google , based in London, always looking at ways to make the web a more habitable place for users and developers alike. He’s been programming on the web since the mid ’90s, in a range of public-facing and enterprise (Java, what else?) contexts, and is the author of Ajax Design Patterns (O’Reilly, 2006) and a blogger for Ajaxian.com. Server side, he’s mostly a Ruby, PHP, and NodeJS guy and sushi is his preferred coding fuel. Michael holds a PhD from the University of Melbourne, covering software design patterns for improving user experience.Follow Michael on Twitter: @mahemoff " ["post_title"]=> string(56) "Michael Mahemoff - HTML5 offline for fun and performance" ["post_excerpt"]=> string(593) "
" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(54) "michael-mahemoff-html5-offline-for-fun-and-performance" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2011-06-26 17:31:36" ["post_modified_gmt"]=> string(19) "2011-06-26 07:31:36" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=3368" ["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)#412 (10) { ["term_id"]=> string(2) "32" ["name"]=> string(4) "html" ["slug"]=> string(4) "html" ["term_group"]=> string(1) "0" ["term_order"]=> string(1) "0" ["term_taxonomy_id"]=> string(2) "32" ["taxonomy"]=> string(8) "post_tag" ["description"]=> string(0) "" ["parent"]=> string(1) "0" ["count"]=> string(2) "25" } ["queried_object_id"]=> int(32) } 
In this session we’ll get hands-on with the application cache to make the app run when it’s not online. We’ll check out the techniques for client-side persistence: web storage and indexed database. Finally, we’ll look at the latest techniques for file access — reading and writing files on the user’s hard drive from a web app is being defined by web standards and implemented in today’s modern browsers.
We’ll look at the pros and the cons of HTML5 multimedia and see how to write simple controls with JavaScript. Most excitingly, we’ll also look at how HTML5 builds in support for subtitles and captions for multimedia accessibility. And you might pick up a Turkish dancing tip on the way.
In this session Dave will cover high-performance presentation and animation using HTML5, JavaScript, CSS3 and Canvas. Examples will include mobile-friendly techniques you can use today for creating game effects and “flashy” user experiences across a range of browsers and devices.
There’s an old expression, that there are only 2 hard problems in computing: naming, cache invalidation and off-by-one errors. Building offline web apps is all about those hard problems. We’ll spend the bulk of our time on these hard problems, which is probably more useful than api description and sample code.
You’ve seen a lot of demos, but is HTML5 really ready for primetime? We made an HTML5-based pool game with the explicit goal of creating an experience that defies your expectations for what a browser can do. In this session we’ll take you through the challenges and triumphs of working with this new technology. For the experienced HTML5 dev, we’ll share tips and tricks. For the rest of us, it will be a great primer on the exciting potential that HTML5 brings to the web.
With three different audio and video codec formats each supported by the diverse HTML5 capable Web browsers, plus the need to deal with fallback for older browsers, HTML5 media is not the simple solution we have all been hoping for.W3C invited expert Silvia Pfeiffer will talk through the big issues on this important topic. See the slides and hear the podcast »
HTML5 and CSS3 are the newest stars of the web: the cornerstones of progressive enhancement, the future of online video, the easiest way to build web applications for desktop and mobile devices, and a brilliant foundation upon which we can add complex interaction and animation layers with javascript and Canvas; happily — thanks to much-improved browser support — we can now use them. In this session, Dan Rubin will show you who’s already taking advantage of these latest additions to our toolbox, what this means for interface designers, and how you can bring the same techniques to your projects.
Remember how fun it was to do hands-on classroom projects together in kindergarten? Well, this interactive session is going to be like that, but just with bigger people.
Web technologies are evolving at such a frenetic pace that it becomes almost mandatory to learn on your own. A lot of us still depend on other people to do this learning for us, and we tend to use their answers to solve our everyday problems. Inconsistent implementations, rapidly evolving specs, questionable performance impacts and maintenance implications mean we cannot always depend on others for answers but must involve ourselves actively in the process of developing specifications for new Web technologies. But how do we go about it? There are some simple rituals we can all do, which can have us be better-informed and also better inform the people and groups who are most directly involved in the development of new Web technologies.
HTML5 introduces several so-called “offline” technologies: application caching, local storage, and file access, to name a few. But these technologies are not just for purely offline apps; they boost startup performance, overcome network outages, and partition content away from the server. This talk will explain how you can incorporate these technologies into your work today and identify the features browsers will be supporting in the near future.
Andy Clarke’s Hardboiled Web Design is an uncompromising look at how to make the most from modern design tools and browsers, up-to-date techniques and processes. In this practical, design focussed talk, Andy will discuss the ‘how’ as well as the ‘why’ and will challenge your preconceptions to help you make better work for the web.
During my session we’ll look at where the future of HTML lies, including new structural elements. You’ll also grasp an introduction to associated technologies that have come into popularity with the steam of HTML5: SVG, Web Sockets, Web Workers, Geo-location and making applications useful offline.
Web typography has in the past two years seen a resurgence in interest and many would agree only rightly so, with most of the content on the web still textual. However the range of technical options available for setting type on the web is quite broad—not to mention the range of stylistic choices available—and often confusing. This session aims to demystify the current techniques available to set type on the web by comparing and contrasting the various options at hand while offering a set of good defaults and safe advice for not only making it accessible but also pleasurable to read.
Web 2.0 is adding more and more content to our pages, especially features that are implemented in Ajax. But our web applications are evolving faster than the browsers that they run in. We don’t have to rely on or wait for the release of new browsers to make our web applications faster. In this session, Steve Souders discusses web performance best practices from his second book, Even Faster Web Sites. These time-saving techniques are used by the world’s most popular web sites to create a faster user experience, increase revenue, and reduce operating costs. Steve provides technical details about reducing the pain of JavaScript, as well as secrets for making your page load faster in emerging markets where network connectivity is a challenge.