Logo

    Dan Rubin - Creativity, design and interaction with HTML5 and CSS3

    en-auOctober 31, 2010
    What was the main topic of the podcast episode?
    Summarise the key points discussed in the episode?
    Were there any notable quotes or insights from the speakers?
    Which popular books were mentioned in this episode?
    Were there any points particularly controversial or thought-provoking discussed in the episode?
    Were any current events or trending topics addressed in the episode?

    About this Episode

    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. 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. Licensed as Creative Commons Attribution-Share Alike 3.0 (http://creativecommons.org/licenses/by-sa/3.0/).

    Recent Episodes from Web Directions Podcast

    Tom Hughes-Croucher - Up and Running with Node.js

    Tom Hughes-Croucher - Up and Running with Node.js
    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/).

    Christopher Giffard - HTML5 Video, Captioning, and Timed Metadata

    Christopher Giffard - HTML5 Video, Captioning, and Timed Metadata
    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 mad, informal world to the Australian public service. He gets a kick out of solving problems everybody else avoids, has a soft spot for architecture and design, is particularly interested in electronic music, and the algorithmic generation thereof. His current secret project involves natural language processing--and sarcasm detection. Follow Christopher on Twitter: @cgiffard Licensed as Creative Commons Attribution NonCommercial ShareAlike 3.0 Unported license (http://creativecommons.org/licenses/by-nc-sa/3.0/).

    Julio Cesar Ody - CSS3 and Backbone.js for killer mobile apps

    Julio Cesar Ody - CSS3 and Backbone.js for killer mobile apps
    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 presentations using his own presentation framework, and building software that not only does the job, but does so in style. Follow Julio on Twitter: @julio_ody Licensed as Creative Commons Attribution NonCommercial ShareAlike 3.0 Unported license (http://creativecommons.org/licenses/by-nc-sa/3.0/).

    Adam Bell & David Peterson - Bringing History Alive: Telling stories with Linked Data and open source tools

    Adam Bell & David Peterson - Bringing History Alive: Telling stories with Linked Data and open source tools
    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 insight into what can be a geeky sort of space. He has built a number of high profile sites for the ABC, Australian science groups and many others. David works as a consultant with PreviousNext and lives way down south in cool Tasmania - regularly breathing on his fingers just to tap away at the keyboard. He is busy building Web apps built with Open Source toolkits utilising Java, PHP, Python, Linked Data and the almighty Drupal. He enjoys exploring deep into the guts of the Semantic Web and Linked Data to discover new connections and visualisations that help empower story tellers. Follow David on Twitter: @davidseth Licensed as Creative Commons Attribution NonCommercial ShareAlike 3.0 Unported license (http://creativecommons.org/licenses/by-nc-sa/3.0/).

    Gian Wild - WCAG2 accessibility: the hidden nuggets

    Gian Wild - WCAG2 accessibility: the hidden nuggets
    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 Licensed as Creative Commons Attribution NonCommercial ShareAlike 3.0 Unported license (http://creativecommons.org/licenses/by-nc-sa/3.0/).

    Robert O’Callahan - The Open Web Platform in the mobile era

    Robert O’Callahan - The Open Web Platform in the mobile era
    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 Zealand and work full-time for Mozilla, building up an Auckland development office (which is hiring!). He works on the Gecko engine that powers Firefox, focusing on layout, rendering, and media. He manages the video and media team, but prefers coding. Licensed as Creative Commons Attribution NonCommercial ShareAlike 3.0 Unported license (http://creativecommons.org/licenses/by-nc-sa/3.0/).

    Peter Mika - Making the Web searchable

    Peter Mika - Making the Web searchable
    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 data architect at Yahoo! Research in Barcelona, working on the applications of semantic technology to Web search. He received his BS in computer science from Eotvos Lorand University and his MSc and PhD in computer science (summa cum laude) from Vrije Universiteit Amsterdam. His interdisciplinary work in social networks and the Semantic Web earned him a Best Paper Award at the 2005 International Semantic Web Conference and a First Prize at the 2004 Semantic Web Challenge. From 2006 to 2009, he has been a co-chair of the Semantic Web Challenge. Mika is the youngest member elected to the editorial board of the Journal of Web Semantics. He is the author of the book ‘Social Networks and the Semantic Web’ (Springer, 2007). In 2008 he has been selected as one of "AI’s Ten to Watch" by the editorial board of the IEEE Intelligent Systems journal. Peter is a regular speaker at conferences. Follow Peter on Twitter: @pmika Licensed as Creative Commons Attribution NonCommercial ShareAlike 3.0 Unported license (http://creativecommons.org/licenses/by-nc-sa/3.0/).

    Rob Manson - Web standards based Augmented Reality

    Rob Manson - Web standards based Augmented Reality
    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 a co-founder of http://AR-UX.com & http://ARStandards.org and is an invited expert on the W3C’s Points of Interest Working Group. Rob is not just a spectator when it comes to the future of technology, he’s actively working to shape it. And he’s been doing this though building web based startups in Sydney since 1994. Follow Rob on Twitter: @nambor Licensed as Creative Commons Attribution NonCommercial ShareAlike 3.0 Unported license (http://creativecommons.org/licenses/by-nc-sa/3.0/).

    Michael Honey & Tim Riley - Web or native? Smart choices for smartphone apps

    Michael Honey & Tim Riley - Web or native? Smart choices for smartphone apps
    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 either a developer or a client. Tim and Michael are two of the partners behind Icelab, an Australian design and development studio. They’ve trod both the web and native paths through their client work, such as interactive touchscreens for museum exhibits, online photo galleries and mobile tour guides, and also their own projects, like Decaf Sucks, a coffee review community available on the web (optimised for both desktops and smartphones) and as a native iPhone app. Michael founded Icelab after a career as creative director and later, interactive director in an agency environment. He has fifteen years’ experience in design for screen, print, video and exhibition spaces, and has expertise in writing, programming, direction and post-production. He is an experienced coder, with a particular interest in algorithmic animation and datavisualisation. He is also experienced in the development of diagrammatic animations for cultural, engineering, scientific and architectural clients. Michael’s interests include architecture, urbanism, and the environment. Follow Michael on Twitter: @michaelhoney Tim is a partner at Australian design and development studio Icelab, where he builds excellent web and mobile applications using Ruby on Rails, JavaScript, Cocoa, and occasionally out of popsicle sticks. On alternate days he runs Decaf Sucks, an online community for coffee reviews, and RentMonkey, which contains the greatest
    on the Internet. Tim is an active participant in the Australian web and iOS communities, as a regular speaker at the Sydney Ruby on Rails meetings, organiser of the Canberra Ruby Crew, and part of the Canberra Cocoaheads chapter. Tim loves coffee and hates gluten. Follow Tim on Twitter: @timriley Licensed as Creative Commons Attribution NonCommercial ShareAlike 3.0 Unported license (http://creativecommons.org/licenses/by-nc-sa/3.0/).

    Lisa Herrod - Accessibility for web teams: Recategorising WCAG 2 using a role-based approach

    Lisa Herrod - Accessibility for web teams: Recategorising WCAG 2 using a role-based approach
    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 specific to their role to a narrow range of accessibility guidelines particular to their area of expertise. For example, the visual designer would create a design and evaluate colour contrast before submitting the design to the development team. Likewise, an interaction designer would consult with the Javascript specialist to ensure the menu design satisfies relevant accessibility guidelines. Lisa is the Director and Principal Consultant at Scenario Seven, an Inclusive Design Consultancy based in Sydney. With 15 years experience on the web, the past 10 years of her work has centred on design research, usability, accessibility and inclusive strategies. Lisa is best known for her role based approach to web accessibility, which has seen the re-categorisation of WCAG checkpoints into a user-centred, practitioner-focused grouping for content developers, visual designers, developers and user experience professionals. Scenario Seven specialises in creating accessible, inclusive design strategies that integrate holistically with traditional user research practices. This includes anything from requirements gathering to the review of design documentation (functional specs, wireframes & visual designs), user research and WCAG compliance. We design for diversity. Follow Lisa on Twitter: @scenariogirl Licensed as Creative Commons Attribution NonCommercial ShareAlike 3.0 Unported license (http://creativecommons.org/licenses/by-nc-sa/3.0/).
    Logo

    © 2024 Podcastworld. All rights reserved

    Stay up to date

    For any inquiries, please email us at hello@podcastworld.io