Web Directions

object(WP_Query)#69 (47) { ["query_vars"]=> array(55) { ["tag"]=> string(3) "css" ["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(2) "31" ["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) "" ["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(3) "css" } ["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)#90 (2) { ["queries"]=> array(1) { [0]=> array(5) { ["taxonomy"]=> string(8) "post_tag" ["terms"]=> array(1) { [0]=> string(3) "css" } ["include_children"]=> bool(true) ["field"]=> string(4) "slug" ["operator"]=> string(2) "IN" } } ["relation"]=> string(3) "AND" } ["meta_query"]=> object(WP_Meta_Query)#89 (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) "19" ["max_num_pages"]=> float(2) ["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) "15ce787ca29f16d04ba46a3f54cc513d" ["query_vars_changed"]=> bool(false) ["thumbnails_cached"]=> bool(false) ["query"]=> array(1) { ["tag"]=> string(3) "css" } ["request"]=> string(341) " SELECT SQL_CALC_FOUND_ROWS wp_posts.* 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 (31) ) 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(stdClass)#116 (25) { ["ID"]=> int(3793) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2011-11-14 20:12:03" ["post_date_gmt"]=> string(19) "2011-11-14 10:12:03" ["post_content"]=> string(2345) "

Web Directions South 2011, Sydney, October 14th.

• Audio recording of session
• Presentation slides
• Session description
• About Nicole Sullivan

Presentation slides

Session description

Let’s admit it, the tools for writing CSS aren’t very advanced. For the most part, the people who write tools don’t know about CSS and the people who know about CSS don’t write tools. Quite a conundrum! In this session, you’ll learn about good tools that can make development faster and maintenance easier. We’ll also talk a bit about where we can go from here. What tools do we need as sites are becoming more and more complex? We need to get beyond tools whose primary goal is to avoid hand-coding and realize that, as our techniques for writing CSS become more powerful, our tools can too! Session will include:

• Validators
• Preprocessors
• Finding dead rules
• Linting
• CSS3 gradient tools
• Performance measurement tools
• Unit testing

About Nicole Sullivan

Nicole is an evangelist, front-end performance consultant, CSS Ninja, and author. She started the Object-Oriented CSS open source project, which answers the question: how do you scale CSS for millions of visitors or thousands of pages? She also consulted with Facebook and the W3C, and is the co-creator of Smush.it, an image optimization service in the cloud. She is passionate about CSS, web standards, and scalable front-end architecture for large commercial websites.She co-authored Even Faster Websites and blogs at stubbornella.org.Follow Nicole on Twitter: @stubbornella" ["post_title"]=> string(33) "Nicole Sullivan - CSS Power Tools" ["post_category"]=> string(1) "0" ["post_excerpt"]=> string(267) "

In this session, you’ll learn about good tools that can make CSS development faster and maintenance easier.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(31) "nicole-sullivan-css-power-tools" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2011-11-15 11:53:03" ["post_modified_gmt"]=> string(19) "2011-11-15 01:53:03" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=3793" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "0" ["filter"]=> string(3) "raw" } [1]=> object(stdClass)#117 (25) { ["ID"]=> int(3797) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2011-11-06 08:37:38" ["post_date_gmt"]=> string(19) "2011-11-05 22:37:38" ["post_content"]=> string(2408) "

Web Directions South 2011, Sydney, October 14th.

• Audio recording of session
• Presentation slides
• Additional resources
• Session description
• About Greg Rewis

Presentation slides

Session description

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.

About Greg Rewis

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 page” online in 1994. His career has taken him around the world, from the early days of desktop publishing, to a start-up in Hamburg, Germany, the glory days of the web at Macromedia and finally his current role at Adobe.The original GoLive Cyberstudio Product Manager and former Dreamweaver Technical Product Manager, Greg is the co-author of “Mastering CSS with Dreamweaver CS3″ and “Mastering CSS with Dreamweaver CS4″ published by New Riders, as well as a regular contributor to industry publications.Follow Greg on Twitter: @garazi" ["post_title"]=> string(53) "Greg Rewis - Move it! CSS3 Transitions and Animations" ["post_category"]=> string(1) "0" ["post_excerpt"]=> string(386) "

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.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(50) "greg-rewis-move-it-css3-transitions-and-animations" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2011-11-06 08:47:37" ["post_modified_gmt"]=> string(19) "2011-11-05 22:47:37" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=3797" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "0" ["filter"]=> string(3) "raw" } [2]=> object(stdClass)#118 (25) { ["ID"]=> int(3377) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2011-06-04 18:14:13" ["post_date_gmt"]=> string(19) "2011-06-04 08:14:13" ["post_content"]=> string(2436) "

Web Directions @media 2011, London, May 26th 10:45am.

• Audio recording of session
• Presentation slides
• Session description
• About Lea Verou

Presentation slides

Session description

With most browsers adding increasing support, and the simplicity of providing fallbacks for those that don’t, CSS3 gradients are something we can start to use right now. They benefit our users with faster websites and ourselves with more time in our hands to spend in other things, since they are easy to create, edit and update. A very powerful feature that can also be utilized for a surprising number of design effects, even ones that don’t resemble gradients at all. In this talk, Lea will explore CSS3 gradients in great depth and it’s almost guaranteed that no matter your expertise level, you will walk out having learned new things.

About Lea Verou

Lea Verou is a front-end engineer currently living in Greece. She discovered programming at the young age of 12 (web development a few years after) and it was love at first …line. In 2008, she co-founded Fresset Ltd, whose websites have attracted a large following in the Greek internet scene, they are currently working frantically on their first international project.

Fed up with the lack of proper web development education in Greece, she co-organised a university course which teaches all aspects of modern, standards-based Web development, including CSS3, HTML5 and ES5 as regular parts of its content.

During her spare time, she blogs about CSS, JavaScript and web usability at leaverou.me.

Follow Lea on Twitter: @LeaVerou

" ["post_title"]=> string(36) "Lea Verou - Mastering CSS3 gradients" ["post_category"]=> string(1) "0" ["post_excerpt"]=> string(799) "

With most browsers adding increasing support, and the simplicity of providing fallbacks for those that don’t, CSS3 gradients are something we can start to use right now. They benefit our users with faster websites and ourselves with more time in our hands to spend in other things, since they are easy to create, edit and update. A very powerful feature that can also be utilized for a surprising number of design effects, even ones that don’t resemble gradients at all. In this talk, Lea will explore CSS3 gradients in great depth and it’s almost guaranteed that no matter your expertise level, you will walk out having learned new things.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(34) "lea-verou-mastering-css3-gradients" ["to_ping"]=> string(0) "" ["pinged"]=> string(85) " http://leaverou.me/2010/07/organizing-a-university-course-on-modern-web-development/" ["post_modified"]=> string(19) "2011-06-26 15:45:06" ["post_modified_gmt"]=> string(19) "2011-06-26 05:45:06" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=3377" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "5" ["filter"]=> string(3) "raw" } [3]=> object(stdClass)#119 (25) { ["ID"]=> int(3251) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2011-05-29 10:13:24" ["post_date_gmt"]=> string(19) "2011-05-29 00:13:24" ["post_content"]=> string(2254) "

Web Directions Unplugged 2011, Seattle, May 12th 11:45am.

• Audio recording of session
• Presentation slides
• Session description
• About Divya Manian

Presentation slides

External slides

Session description

Being a front-end designer used to mean pixel hacking and endless rounds of pain while trying to make sites and applications “look the same in each browser”. Thankfully, we now live in more interesting times. But as we strive to make our web apps a pleasure to use, the vast array of tools and techniques available to us present their own set of challenges. In this session you will learn to ask the right questions to guide your choice of tools and the design.Find out how to creatively use new features of CSS3 (gradients, multiple backgrounds, generated content, and many more) to give life to your design ideas, make them adaptable and maintainable, and provide the best experience possible on an array of platforms.Finally, you’ll hear how to create a library of simple and ready-to-use design patterns, that you can incorporate into your workflow to bring your designs to life much faster.

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(28) "Divya Manian - Creative CSS3" ["post_category"]=> string(1) "0" ["post_excerpt"]=> string(416) "

Find out how to creatively use new features of CSS3 (gradients, multiple backgrounds, generated content, and many more) to give life to your design ideas, make them adaptable and maintainable, and provide the best experience possible on an array of platforms.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(26) "divya-manian-creative-css3" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2011-05-29 13:13:07" ["post_modified_gmt"]=> string(19) "2011-05-29 03:13:07" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=3251" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "0" ["filter"]=> string(3) "raw" } [4]=> object(stdClass)#120 (25) { ["ID"]=> int(2970) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2010-11-17 15:23:49" ["post_date_gmt"]=> string(19) "2010-11-17 05:23:49" ["post_content"]=> string(3323) "

Web Directions USA 2010, Loews Atlanta Hotel, September 23 11.45am.

• Presentation slides
• Additional resources
• Session description
• About Zoe Mickley Gillenwater

Presentation slides

Session description

Since many pieces of CSS3 are now supported in the majority of browsers, web sites are popping up all over the place that feature rounded corners (ooh), drop shadows (ahh), and unique embedded fonts (hooray!). But CSS3 can do more than add visual richness to your sites (though it’s quite good at that). Using robust, forward-thinking CSS3 techniques in place of the old standbys can have tangible benefits for your business and users. Powerful new selectors and image-free visual effects can streamline your sites and improve their speed. Media queries can make your sites more adaptable and usable on the wide variety of browser configurations and user agents in use today, including mobile devices like iPhone, Android, and iPad. CSS3 is changing how we design and develop web sites, allowing us to quickly and easily create and maintain highly efficient and adaptable sites that are a pleasure to use. You’ll learn practical yet progressive examples of the most beneficial CSS3 techniques to put to use in your pages today.

About Zoe Mickley Gillenwater

" ["post_title"]=> string(66) "Zoe Mickley Gillenwater - Effective and efficient design with CSS3" ["post_category"]=> string(1) "0" ["post_excerpt"]=> string(480) "

CSS3 is changing how we design and develop web sites, allowing us to quickly and easily create and maintain highly efficient and adaptable sites that are a pleasure to use. You’ll learn practical yet progressive examples of the most beneficial CSS3 techniques to put to use in your pages today.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(64) "zoe-mickley-gillenwater-effective-and-efficient-design-with-css3" ["to_ping"]=> string(0) "" ["pinged"]=> string(43) " http://zomigi.com/blog/web-directions-usa/" ["post_modified"]=> string(19) "2010-11-17 15:23:49" ["post_modified_gmt"]=> string(19) "2010-11-17 05:23:49" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=2970" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "0" ["filter"]=> string(3) "raw" } [5]=> object(stdClass)#121 (25) { ["ID"]=> int(2968) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2010-11-17 15:13:57" ["post_date_gmt"]=> string(19) "2010-11-17 05:13:57" ["post_content"]=> string(3151) "

Web Directions USA 2010, Loews Atlanta Hotel, September 24 11.10am.

• Presentation slides
• Additional resources
• Session description
• About Jason Cranford Teague

Presentation slides

Session description

For almost 15 years, Web designers have had a list of 10 “Core Web fonts” to choose from. Many ask, “Why can’t I just download a font file from my Web server the same way I can an image?” Well, actually, you can. The verbiage for font linking is a little different than images, but the syntax for Webfont linking has been around for over 10 years as a part of the CSS standard. Web typography expert Jason Cranford Teague shows you how to apply the principles of fluid typography, to choose, find and use Webfonts and create your unique typographic voice. Come and find out why 2010 is going to be the year of Web typography.

About Jason Cranford Teague

" ["post_title"]=> string(56) "Jason Cranford Teague - 2010: The Year of Web Typography" ["post_category"]=> string(1) "0" ["post_excerpt"]=> string(417) "

Web typography expert Jason Cranford Teague shows you how to apply the principles of fluid typography, to choose, find and use Webfonts and create your unique typographic voice. Come and find out why 2010 is going to be the year of Web typography.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(53) "jason-cranford-teague-2010-the-year-of-web-typography" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2010-11-17 15:19:03" ["post_modified_gmt"]=> string(19) "2010-11-17 05:19:03" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=2968" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "0" ["filter"]=> string(3) "raw" } [6]=> object(stdClass)#122 (25) { ["ID"]=> int(2909) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2010-11-01 09:58:00" ["post_date_gmt"]=> string(19) "2010-10-31 23:58:00" ["post_content"]=> string(4107) "

Web Directions South 2010, Sydney Convention and Exhibition Centre, October 14 1.40pm.

• Audio recording of session
• Presentation slides
• Resources and inspiration
• Session description
• About Dan Rubin

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

" ["post_title"]=> string(67) "Dan Rubin - Creativity, design and interaction with HTML5 and CSS3 " ["post_category"]=> string(1) "0" ["post_excerpt"]=> string(770) "

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.

" ["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) "0" ["filter"]=> string(3) "raw" } [7]=> object(stdClass)#123 (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.

• Audio recording of session
• Session description
• About Andy Clarke

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

" ["post_title"]=> string(46) "Andy Clarke — Keynote: Hardboiled Web Design" ["post_category"]=> string(1) "0" ["post_excerpt"]=> string(554) "

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.

" ["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) "1" ["filter"]=> string(3) "raw" } [8]=> object(stdClass)#124 (25) { ["ID"]=> int(2726) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2010-07-24 11:06:57" ["post_date_gmt"]=> string(19) "2010-07-24 01:06:57" ["post_content"]=> string(2879) "

Web Directions @media 2010, Southbank Centre London, June 10 11.45am.

• Audio recording of session
• Presentation slides
• Additional resources
• Session description
• About Rachel Andrew

Presentation slides

Session description

This session will be a solid introduction to CSS3 by way of practical examples that can get you started using CSS3 on your projects today.Rachel Andrew will take you through some of the core features of CSS3 including advanced selectors, media queries and other features that are being developed and starting to be implemented in browsers.In addition to discovering how CSS3 will change the way that we develop in the future we will explore current and upcoming browser support. We will also see how it is possible to start using some of CSS3 in your projects now, with the help of a little JavaScript to plug the holes in current browsers.

About Rachel Andrew

" ["post_title"]=> string(25) "Rachel Andrew - Core CSS3" ["post_category"]=> string(1) "0" ["post_excerpt"]=> string(307) "

This session will be a solid introduction to CSS3 by way of practical examples that can get you started using CSS3 on your projects today.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(23) "rachel-andrew-core-css3" ["to_ping"]=> string(0) "" ["pinged"]=> string(71) " http://www.rachelandrew.co.uk/presentations/web-directions-media-2010/" ["post_modified"]=> string(19) "2010-07-24 11:25:53" ["post_modified_gmt"]=> string(19) "2010-07-24 01:25:53" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=2726" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "2" ["filter"]=> string(3) "raw" } [9]=> object(stdClass)#125 (25) { ["ID"]=> int(2225) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2009-10-09 09:42:53" ["post_date_gmt"]=> string(19) "2009-10-08 23:42:53" ["post_content"]=> string(3571) "

Web Directions South 2009, Sydney Convention Centre, October 9 11.45am.

• Audio recording of session
• Presentation slides
• Print-ready sketch summary (PDF)Session description
• About Elliot Jay Stocks

Presentation slides

Session description

In the summer of ‘07 in a flood-soaked Oxford, England, Elliot appeared on stage for the very first time. His presentation, ‘Progressive Enhancement & Intentional Degradation’, looked at how to reward modern browsers with the latest CSS tricks and punish IE by dropping certain site features. Over two years later, what has changed? We’re starting to see the ideology of progressive enhancement — especially with CSS3 — spread throughout the web design community, but more work needs to be done.What can we do to spread the message further and design a better-looking web faster? Elliot will look at how features of the CSS2.1 and CSS3 specs can enhance your websites and he’ll examine the implication of using such techniques. He’ll look at the issues surrounding font embedding and the recent development of the font-as-service; the arguments about browser support; the potentially controversial irrelevance of validation; and how we can attempt to reach the future sooner by writing forward-thinking code. In this motivational presentation Elliot will urge you to embrace the techniques of modern web design and to stop worrying about the so-called restraints.

About Elliot Jay Stocks

" ["post_title"]=> string(43) "Elliot Jay Stocks - Progressive enhancement" ["post_category"]=> string(1) "0" ["post_excerpt"]=> string(658) "

In the summer of ‘07 in a flood-soaked Oxford, England, Elliot appeared on stage for the very first time. His presentation, ‘Progressive Enhancement & Intentional Degradation’, looked at how to reward modern browsers with the latest CSS tricks and punish IE by dropping certain site features. Over two years later, what has changed? We’re starting to see the ideology of progressive enhancement — especially with CSS3 — spread throughout the web design community, but more work needs to be done.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(41) "elliot-jay-stocks-progressive-enhancement" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2009-10-19 10:14:43" ["post_modified_gmt"]=> string(19) "2009-10-19 00:14:43" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=2225" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(2) "15" ["filter"]=> string(3) "raw" } [10]=> object(stdClass)#126 (25) { ["ID"]=> int(2281) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2009-10-09 08:18:20" ["post_date_gmt"]=> string(19) "2009-10-08 22:18:20" ["post_content"]=> string(2962) "

Web Directions South 2009, Sydney Convention Centre, October 9 1.40pm.

• Audio recording of session
• Presentation slides
• Session description
• About Kevin Yank

Presentation slides

Session description

With the proliferation and widespread adoption of JavaScript frameworks, smart developers have wondered if a similar approach to smoothing over the rough spots of CSS might work. Thus, CSS frameworks like Blueprint, YUI Library CSS Tools, Boilerplate, and many others were born. In this session, we will survey the landscape of CSS frameworks and consider how each of them deals with the unique challenge of creating generalised, reusable CSS styles.There are a number of different approaches, and some are better than others. Choose the right framework and you’ll save yourself a lot of work. Choose the wrong one, and you’ll find your projects weighed down by restrictive assumptions and masses of code that you don’t understand. When it comes to CSS frameworks, making the right choice is everything. By the end of this session, you might just decide that the right framework for you is no framework at all.

About Kevin Yank

" ["post_title"]=> string(27) "Kevin Yank - CSS frameworks" ["post_category"]=> string(1) "0" ["post_excerpt"]=> string(592) "

With the proliferation and widespread adoption of JavaScript frameworks, smart developers have wondered if a similar approach to smoothing over the rough spots of CSS might work. Thus, CSS frameworks like Blueprint, YUI Library CSS Tools, Boilerplate, and many others were born. In this session, we will survey the landscape of CSS frameworks and consider how each of them deals with the unique challenge of creating generalised, reusable CSS styles.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(25) "kevin-yank-css-frameworks" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2009-11-05 08:08:43" ["post_modified_gmt"]=> string(19) "2009-11-04 22:08:43" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=2281" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(2) "17" ["filter"]=> string(3) "raw" } [11]=> object(stdClass)#127 (25) { ["ID"]=> int(928) ["post_author"]=> string(1) "8" ["post_date"]=> string(19) "2008-06-19 12:05:13" ["post_date_gmt"]=> string(19) "2008-06-19 02:05:13" ["post_content"]=> string(2511) "

Web Directions South 2008, Sydney Convention Centre, September 26 10.45am.

• Audio recording of session
• Presentation slides
• Session description
• About Jina Bolton

Presentation slides

Session description

Being a CSS expert is about more than just memorizing selectors. It’s also about working to improve the maintainability and efficiency of your style sheets, planning for the future, and mastering your workflow. This session will look at pushing the limits of CSS to create stunning interfaces using clean, meaningful markup. We’ll also look at CSS 3 and at what the future of Web design could look like when CSS 3 finally becomes mainstream.

About Jina Bolton

" ["post_title"]=> string(39) "Jina Bolton - Creating sexy stylesheets" ["post_category"]=> string(1) "0" ["post_excerpt"]=> string(673) "

Web Directions South 2008, Sydney Convention Centre, September 26 10.45am.

Being a CSS expert is about more than just memorizing selectors. It’s also about working to improve the maintainability and efficiency of your style sheets, planning for the future, and mastering your workflow. This session will look at pushing the limits of CSS to create stunning interfaces using clean, meaningful markup. We’ll also look at CSS 3 and at what the future of Web design could look like when CSS 3 finally becomes mainstream.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(37) "jina-bolton-creating-sexy-stylesheets" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2008-10-29 13:39:59" ["post_modified_gmt"]=> string(19) "2008-10-29 03:39:59" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(35) "http://www.webdirections.org/?p=928" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "1" ["filter"]=> string(3) "raw" } [12]=> object(stdClass)#128 (25) { ["ID"]=> int(918) ["post_author"]=> string(1) "8" ["post_date"]=> string(19) "2008-06-19 11:40:41" ["post_date_gmt"]=> string(19) "2008-06-19 01:40:41" ["post_content"]=> string(2879) "

Web Directions South 2008, Sydney Convention Centre, September 25 2.40pm.

• Audio recording of session
• Presentation slides
• Session description
• About Jeff Croft

Presentation slides

Session description

Even in our day of web videos and podcasts, text is still the king of content on the web. Great typographic sensitivity is one of the hallmarks of sites that exude a professional confidence. From type sizing and coloring to leading, kerning, and measures to proper usage of quotes, dashes, and bullets, to choosing appropriate typefaces, this session will demonstrate using CSS and other modern web technologies to display type on screen with elegance and impact.

About Jeff Croft

Jeff Croft is a web designer and developer at Blue Flavor, an experience and design consultancy in Seattle. Beyond his work for Blue Flavor, Jeff is a blogger, speaker, critic, and industry thought leader. Prior to joining Blue Flavor, Jeff was a Senior Designer at World Online, an online journalism outfit responsible for a host of award-winning websites and the place of origin for Django, the Python-based open-source Web framework for perfectionists with deadlines.

Jeff has been designing and developing web sites nearly as long as there have been web sites to design and develop. He created his first web page in 1994 and got his first web-related job in 1995. Although Jeff possess many technical skills, his true passion lies in visual design, user interface, communication, and social media.

Jeff has recently co-authored two books, Pro CSS Techniques, published by Apress, and Web Standards Creativity, published by Friends of ED.

" ["post_title"]=> string(35) "Jeff Croft - Elegant web typography" ["post_category"]=> string(1) "0" ["post_excerpt"]=> string(680) "

Web Directions South 2008, Sydney Convention Centre, September 25 2.40pm.

Even in our day of web videos and podcasts, text is still the king of content on the web. Great typographic sensitivity is one of the hallmarks of sites that exude a professional confidence. From type sizing and coloring to leading, kerning, and measures to proper usage of quotes, dashes, and bullets, to choosing appropriate typefaces, this session will demonstrate using CSS and other modern web technologies to display type on screen with elegance and impact.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(33) "jeff-croft-elegant-web-typography" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2008-10-27 15:01:48" ["post_modified_gmt"]=> string(19) "2008-10-27 05:01:48" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(35) "http://www.webdirections.org/?p=918" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "8" ["filter"]=> string(3) "raw" } [13]=> object(stdClass)#129 (25) { ["ID"]=> int(385) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2008-03-10 23:00:51" ["post_date_gmt"]=> string(19) "2008-03-11 04:00:51" ["post_content"]=> string(2447) "

A presentation given at at Web Directions User Experience, Melbourne Town Hall, May 16 2008.

• MP3 of presentation
• Presentation slides
• Session description
• About Mathew Patterson

Presentation slides

Session description

So you've designed a fantastic website for your client, tested in all the major browsers and everything looks great. Now they want to send an email newsletter to all their customers, using the new design.

No problem right? Just need to test in Outlook 07, and 06. Yahoo and Hotmail too, of course. Oh, and Gmail, Lotus Notes, AOL...Of course, the design may not work that well for an email anyway, and isn't there some kind of anti-spam laws?

Like it or not, HTML email is here to stay and the responsibility for doing it right belongs to web designers. Learn how to plan, design and build an email newsletter that will provide a great user experience to the recipients, and great value to your clients.

About Mathew Patterson

" ["post_title"]=> string(79) "Mathew Patterson - Delivering user experience to the inbox: designing for email" ["post_category"]=> string(1) "0" ["post_excerpt"]=> string(970) "

A presentation given at at Web Directions User Experience, Melbourne Town Hall, May 16 2008.

So you've designed a fantastic website for your client, tested in all the major browsers and everything looks great. Now they want to send an email newsletter to all their customers, using the new design.

No problem right? Just need to test in Outlook 07, and 06. Yahoo and Hotmail too, of course. Oh, and Gmail, Lotus Notes, AOL...Of course, the design may not work that well for an email anyway, and isn't there some kind of anti-spam laws?

Like it or not, HTML email is here to stay and the responsibility for doing it right belongs to web designers. Learn how to plan, design and build an email newsletter that will provide a great user experience to the recipients, and great value to your clients.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(16) "mathew-patterson" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2008-07-24 21:09:52" ["post_modified_gmt"]=> string(19) "2008-07-25 02:09:52" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(62) "http://westciv.com/webdirections08/resources/mathew-patterson/" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "1" ["filter"]=> string(3) "raw" } [14]=> object(stdClass)#130 (25) { ["ID"]=> int(519) ["post_author"]=> string(1) "8" ["post_date"]=> string(19) "2008-01-19 00:27:03" ["post_date_gmt"]=> string(19) "2008-01-19 05:27:03" ["post_content"]=> string(2838) "

A presentation given at at Web Directions North, Vancouver, February 7, 2007.

• MP3 of presentation
• Presentation slides - John Allsopp (PDF, 2MB)
• Presentation slides - Dan Cederholm (PDF, 12MB)
• Session description
• About John Allsopp
• About Dan Cederholm

This session was originally meant to feature Tantek Çelik as well, but due to a last-minute change instead featured just John Allsopp and Dan Cederholm

Session description

Microformats are much more than just a promising technology or passing fad — hear these three experts cover the whys and the hows of designing and developing with microformats.

Hear microformats founder and custodian Tantek Çelik paint on the broad canvas, talking about motivations, use cases, examples, and benefits. John Allsopp, author of the forthcoming friends of Ed microformats book will cover a number of practical examples of quickly and cleanly adding microformats to existing code. Renowned designer and developer Dan Cederholm will look at how microformats provide excellent scaffolding for styling with CSS.

This session will really get you up to speed with this exciting, quickly spreading technology.

About John Allsopp

John Allsopp is a founder of Westciv, an Australian web software development and training company, which provides some of the best CSS resources and tutorials on the web. Westciv’s software and training are used in dozens of countries around the World.

The head developer of the leading cross platform CSS editor, Style Master, John has written on web development issues for numerous web and print publications and was one of the earliest members of the Web Standards Project.

About Dan Cederholm

Dan Cederholm is a web designer and author living in Massachusetts, USA. He’s the founder of SimpleBits, a tiny design studio.

A recognized expert in the field of standards-based web design, Dan has worked with Google, MTV, ESPN, Fast Company, Blogger, Odeo, and others. He embraces flexible, adaptable design using web standards.

Dan is the author of two best-selling books: Bulletproof Web Design (New Riders) and Web Standards Solutions (Friends of ED). Dan also runs the popular weblog SimpleBits, where he writes articles and commentary on the web, technology and life. He also plays a mean ukulele.

" ["post_title"]=> string(69) "John Allsopp and Dan Cederholm - Microformats: More than Just Promise" ["post_category"]=> string(1) "0" ["post_excerpt"]=> string(832) "

A presentation given at at Web Directions North, Vancouver, February 7, 2007.

Microformats are much more than just a promising technology or passing fad — hear these three experts cover the whys and the hows of designing and developing with microformats.

Hear microformats founder and custodian Tantek Çelik paint on the broad canvas, talking about motivations, use cases, examples, and benefits. John Allsopp, author of the forthcoming friends of Ed microformats book will cover a number of practical examples of quickly and cleanly adding microformats to existing code. Renowned designer and developer Dan Cederholm will look at how microformats provide excellent scaffolding for styling with CSS.

This session will really get you up to speed with this exciting, quickly spreading technology.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(66) "john-allsopp-and-dan-cederholm-microformats-more-than-just-promise" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2008-06-19 00:48:36" ["post_modified_gmt"]=> string(19) "2008-06-19 05:48:36" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(35) "http://www.webdirections.org/?p=519" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "0" ["filter"]=> string(3) "raw" } } ["post"]=> object(stdClass)#116 (25) { ["ID"]=> int(3793) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2011-11-14 20:12:03" ["post_date_gmt"]=> string(19) "2011-11-14 10:12:03" ["post_content"]=> string(2345) "

Web Directions South 2011, Sydney, October 14th.

• Audio recording of session
• Presentation slides
• Session description
• About Nicole Sullivan

Presentation slides

Session description

Let’s admit it, the tools for writing CSS aren’t very advanced. For the most part, the people who write tools don’t know about CSS and the people who know about CSS don’t write tools. Quite a conundrum! In this session, you’ll learn about good tools that can make development faster and maintenance easier. We’ll also talk a bit about where we can go from here. What tools do we need as sites are becoming more and more complex? We need to get beyond tools whose primary goal is to avoid hand-coding and realize that, as our techniques for writing CSS become more powerful, our tools can too! Session will include:

• Validators
• Preprocessors
• Finding dead rules
• Linting
• CSS3 gradient tools
• Performance measurement tools
• Unit testing

About Nicole Sullivan

Nicole is an evangelist, front-end performance consultant, CSS Ninja, and author. She started the Object-Oriented CSS open source project, which answers the question: how do you scale CSS for millions of visitors or thousands of pages? She also consulted with Facebook and the W3C, and is the co-creator of Smush.it, an image optimization service in the cloud. She is passionate about CSS, web standards, and scalable front-end architecture for large commercial websites.She co-authored Even Faster Websites and blogs at stubbornella.org.Follow Nicole on Twitter: @stubbornella" ["post_title"]=> string(33) "Nicole Sullivan - CSS Power Tools" ["post_category"]=> string(1) "0" ["post_excerpt"]=> string(267) "

In this session, you’ll learn about good tools that can make CSS development faster and maintenance easier.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(31) "nicole-sullivan-css-power-tools" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2011-11-15 11:53:03" ["post_modified_gmt"]=> string(19) "2011-11-15 01:53:03" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=3793" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "0" ["filter"]=> string(3) "raw" } ["queried_object"]=> object(stdClass)#113 (10) { ["term_id"]=> string(2) "31" ["name"]=> string(3) "css" ["slug"]=> string(3) "css" ["term_group"]=> string(1) "0" ["term_order"]=> string(1) "0" ["term_taxonomy_id"]=> string(2) "31" ["taxonomy"]=> string(8) "post_tag" ["description"]=> string(0) "" ["parent"]=> string(1) "0" ["count"]=> string(2) "19" } ["queried_object_id"]=> int(31) }