Environments for Humans
twitter icon facebook icon flickr icon feed icon linkedin icon email icon

CSS Summit logo

The 3rd Annual 2-day online, live CSS conference

In-kind Sponsors

ISITE Design
O'Reilly
New Riders

Environments for Humans brings together some of the Web's most notable experts in CSS and CSS3 for an all-new, two-day online conference, the CSS Summit! Bring the experts to your desktop July 26-27, 2011 from 9AM to 5PM (CT).

Don't miss this great event and purchase your tickets now!

CSS3 Training \\ July 26, 2011 \\ 9AM to 5PM CT

(Schedule subject to change)

CSS3 & Selectors 9am CT

by Rachel Andrew, Author of CSS Anthology (3rd Ed.)

With lots of practical examples, Rachel Andrew demonstrates how the new CSS3 selectors are designed to be used and also how to plug the holes in support for older browsers using JavaScript, with jQuery examples and also an exploration of CSS3 "polyfills".

With the aim to give delegates an understanding of CSS3 selectors, attendees confident in using them in projects right now by instilling a robust knowledge of where problems may occur with regard to browser support so they are able to work around these.

The agenda of the session includes:

  • Understanding the syntax of CSS3 selectors
  • Practical examples of CSS3 selectors in use, for each selector we will cover:
    • working example, code and screenshots
    • browser support
    • plugging holes in older browsers where appropriate using jQuery/CSS3 polyfills
  • When CSS3 in projects, with a good awareness of compatibility issues

About Rachel Andrew

Rachel Andrew founded edgeofmyseat.com in September 2001. Rachel has over 11 years of experience as a web developer, being skilled in a large number of server-side languages; front-end development in CSS, (X)HTML and JavaScript; database design, development and administration; and technical project management.

Rachel's personal website and writing portfolio can be found at rachelandrew.co.uk.

×

CSS3 & Gradients 10am CT

by Lea Verou, Front-end Engineer

With every browser adding support, and the simplicity of providing fallbacks for older versions, 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 explores 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.

×

CSS3 & Web Typography 11am CT

by Jason Teague, Author of Fluid Web Typography

A new style of Web typography is emerging, one that reflects print origins, and is also experimenting with the unique strengths of online communication.

This session begins by recapping recent advances in technology and then focuses on case studies at the borders of online typography.

Designers will see how they can use the new Web typography to set their work apart from the rest of the herd.

About Jason Teague

Jason Cranford Teague is the Managing Director of UX for Forum One, an interactive agency that helps build a positive future through the creative application of technology. He has been at the forefront of Web design for over 16 years as a designer, writer and speaker.

Jason is a prolific writer, with numerous books and articles published on digital media and culture including CSS3 Visual QuickstartFluid Web Typography and Speaking in Styles: The Fundamentals of CSS for Web Designers. He is also a semi-regular columnist for Webdesigner Depot and GeekDad.

Jason has also worked with the W3C CSS Workgroup, Yuri's Night: The World Space Party and was the Director of Web Design Standards for AOL. He recently served as the Design Manager for Marriott International eCommerce, where he helped relaunch the marriott.com, the 7th largest transaction site on the Web.

Follow him on twitter @jasonspeaking.

×

CSS3 & Media Queries 12pm CT

by Zoe Gillenwater, Author of Stunning CSS3 and Flexible Web Design

It's no longer practical or even possible to build different sites for all of the different devices that your users may be visiting your sites with. From widescreen TVs to mobile phones, desktop computers to tablets, the number of ways that people view web pages is more diverse than ever before.

How can you create a site that looks good in all these different environments--and keep your sanity? A new feature of CSS3 called media queries allows you to easily make a single site that automatically adapts its design to the users? settings so that it looks good and works well in whatever screen space is available.

Using practical but progressive examples, Zoe will show you how to use media queries combined with liquid/fluid layout techniques to make your web pages more dynamic, responsive, and usable. You'll learn how to use media queries to tailor your sites to mobile devices like iPhone, Android, and iPad, as well as the various screen sizes of desktop computers, while still attending to outdated browsers like IE 6, 7, and 8.

About Zoe Gillenwater

Zoe is a freelance graphic and web designer, developer and consultant. She is the author of the book Flexible Web Design: Creating Liquid and Elastic Layouts with CSS and the video training title Web Accessibility Principles for lynda.com, and is working on the upcoming book Stunning CSS3: A Project-based Guide to the Latest in CSS.

Zoe is currently a member of the Web Standards Project (WaSP) Adobe Task Force and was previously a moderator of the popular css-discuss mailing list. Find out more about Zoe on her blog and portfolio site at www.zomigi.com or follow her on Twitter @zomigi.

×

CSS3 Transitions & Transforms 2pm CT

by Greg Rewis, Adobe Evangelist

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--and Internet Explorer getting into the game--transformations and transitions can be done with pure CSS, even on mobile devices.

In this session, Greg takes 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 Javascript frameworks.

About Greg Rewis

Greg Rewis is the Group Manager for Creative Solutions Evangelism at Adobe Systems.

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 trade shows and seminars, speaking at industry conferences, and leading specialized, advanced training sessions featuring Adobe's Web Tools product line. Greg is the co-author of Mastering CSS with Dreamweaver published by New Riders.

When not on-the-road, Greg spends his time with his MacBook Pro on his lap, hanging out with his co-author and wife, Stephanie Sullivan, playing the guitar or killing his two sons in Call Of Duty on the Playstation 3.

×

CSS3 & Keyframe Animations 3pm CT

by Estelle Weyl, Author of HTML5 and CSS3 in the Real World

Flash on the iPhone? No. It is not going to happen.

But with CSS3 animations -- and without any JavaScript -- you can recreate almost all of the effects previously reserved to the realm of plugins.

From the basics of animation keyframes, to expert tips that will save you many a headache, Weyl takes you on a look at all you need to know to get you up and running with CSS3 animations.

About Estelle Weyl

Estelle Weyl started her professional life in architecture, then managed teen health programs.

In 2000, she took the natural step of becoming a web standardista. She has consulted for Kodakgallery, Yahoo! and Apple, among others.

Estelle shares esoteric tidbits learned while programming CSS, JavaScript and XHTML in her blog at http://evotech.net/blog and provides tutorials and detailed grids of CSS3 and HTML5 browser support in her blog at standardista.com.

She is the author of HTML5, CSS3, and JavaScript for Mobile and HTML5 and CSS3 for the Real World. While not coding, she works in construction, de-hippifying her 1960?s throwback abode.

×

CSS3 & Borders and Backgrounds 4pm CT

by Stephanie Rewis, Author of Mastering CSS with Adobe Dreamweaver

As any good Boy Scout will tell you, being prepared for every situation is essential to survival, and as a web designer/developer, survival means knowing what tools to use and when.

With the evolution of CSS, not only do we have new tools to cut through previous challenges, but our tried and true tools have been honed and sharpened as well.

Join Stephanie Rewis as she explores some shiny enhancements to favorite old tools like backgrounds and borders, as well as some new tools like CSS masks and CSS Regions.

About Stephanie Rewis

Stephanie (Sullivan) Rewis is the founder of W3Conversion, a web design company with a passion for web standards. A front-??end developer, Stephanie created the CSS Starter Layouts in Dreamweaver CS3 and recently updated for DW CS5.

Her passion for sharing knowledge has led her to write books and tutorials, pen a bi-??monthly column for Web Designer Magazine, train corporate web departments, and speak at numerous conferences.

Stephanie is the WaSP liaison to Adobe Systems, working with product managers to ensure the output of its web products continues to move toward today?s web standards.

An admitted workaholic who rarely leaves the office, she frequently escapes to talk to the people inside her computer via Twitter.

Her hobby, if only she had time? Studying brain function.

Her guilty pleasure? Eighties music.

×

ADVANCED CSS \\ July 27, 2011 \\ 9AM to 5PM CT

(Schedule subject to change)

Troubleshooting CSS 9am CT

by Kimberly Blessing, Web Developer, Standards Evangelist, and Technology Executive

Anyone who's had to write CSS to work in both the latest and greatest browsers as well as old ones (we're looking at you, IE6) has felt the pain of troubleshooting across the version numbers.

In this session, Kimberly Blessing will cover a number of techniques for troubleshooting CSS issues in older browsers and tips for writing your CSS to avoid cross-browser issues.

About Kimberly Blessing

Kimberly Blessing a Web developer, standards evangelist, and technology executive who has worked with numerous organizations to successfully make the transition to Web standards.

Kimberly has helped organizations large and small in converting their table-based markup to CSS-driven, progressively enhanced layouts. Her first experience with this was at AOL, where she led standards-compliant redesigns of AOL.com in 2004 and 2005.

She also had a hand in the 2007 redesign of PayPal, where she led the team which was responsible for driving the creation and adoption of standards.

Through her consultancy, KimmieCorp, she?s helped a number of organizations do the same.

Kimberly currently leads the front-end development team at Comcast Interactive Media, which produces the comcast.net site.

×

CSS3 vs jQuery 10am CT

by Jonathan Snook, Web Design and Development Specialist

Maybe it started off innocently with the hover pseudo selector, but CSS has been slowly creeping onto JavaScript's turf.

Now CSS has become much bigger now and is increasingly doing things that we used jQuery for.

Jonathan Snook's session will take a look at what CSS3 has to offer and how it compares to using jQuery.

About Jonathan Snook

Jonathan Snook moves effortlessly from client-side, front-end work to hardcore server-side challenges, and his fluency in CSS, JavaScript, PHP and MySQL make make him the "turn-to" man for many high-profile clients. Co-author of Accelerated DOM Scripting and The Art and Science of CSS, he writes regularly for Digital Web and Sitepoint while also maintaining his popular blog at Snook.ca.

×

The Future of Style Sheets 11am CT

by Chris Eppstein, Creator of Compass and SASS Core Team Member

Let's face it.

CSS is dumb.

There is no such thing as a DRY CSS file and stylesheets are often the biggest blemish in an otherwise beautifully coded app.

Sass is the future of stylesheets.

Ruby on Rails 3.1 includes it by default and Chrome is adding concepts from Sass to CSS itself.

This talk covers the rationale behind Sass, the language features it provides, and best practices you can apply to start untangling your stylesheets all presented by the creator of the Compass stylesheet authoring framework and Sass core team member.

About Chris Eppstein

Chris Eppstein is the Software Architect at Caring.com, a website devoted to caregivers of the sick and elderly.

Chris is also the creator of Compass, a stylesheet authoring framework and is on the core team of Sass, the stylesheet syntax upon which Compass is built.

Chris maintain about a dozen less well known ruby libraries and rails plugins on github, and am an active contributor of patches to the many open source projects that I use.

×

CSS & eCSStender 12pm CT

by Aaron Gustafson, Founder and Principal Consultant of Easy! Designs

Say goodbye to the browser-specific properties and hacks cluttering your files and say hello to lean, mean CSS.

With eCSStender, when you write the rules, browsers pay attention.

In this session, Gustafson covers everything you would need to know to get up and running with eCSStender by:

  • demonstrating why we need a tool like eCSStender
  • explaining how eCSStender works
  • showing how painlessly extensions can be implemented; and
  • demonstrating how to build an extension using a little jQuery.

About Aaron Gustafson

Aaron Gustafson is the founder and principal consultant of Easy! Designs, a web development boutique.

He is also a manager of the Web Standards Project (WaSP) where he helped found Web Standards Sherpa.

He authored Adaptive Web Design, and serves as a technical editor at A List Apart.

He blogs at easy-reader.net.

×

CSS Tools 2pm CT

by Nicole Sullivan, Front-end Performance Consultant

Let's admit it, the tools for writing CSS aren't very advanced.

For the most part, the people who write good tools don't know about CSS and the people who know about CSS don't write tools.

Quite a conundrum!

In this session, attendees learn about good tools that can make development faster and maintenance easier.

Also, Sullivan talks 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!

The CSS Tools sessions covers:

  • 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 the W3C for their beta redesign, and is the co-creator of www.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. Nicole speaks about performance at conferences around the world, most recently at The Ajax Experience, ParisWeb, and Web Directions North. She co-authored Even Faster Web Sites.

×

CSS Performance 3pm CT

by Paul Irish, Google Chrome Developer Relations Team Member

You want your page showing up fast and feeling responsive.

You might have heard about things like selector performance and reflows and noticed large box-shadows causing scrolling problems.

In this session, Paul Irish dives into how to keep your beautiful websites speedy at the same time.

Irish covers hardware accelerated CSS, what reflows are and how to avoid them, how to effectively use css transitions instead of jQuery's animate(), requestAnimationFrame(), and plenty of tools that help give you insight into how the browser renders your work, giving you opportunities to debug and tune for performance.

About Paul Irish

Paul Irish is a front-end developer, a Google Chrome dev relations guy, a jQuery Team member, a lead developer of Modernizr, CSS3 Please and HTML5 Boilerplate, a creator of mothereffingtextshadow, mothereffinghsl, W3Fools, Chromium Web Platform Status, HTML5 Readiness, JSON-P DB, Front-end Coding Standards, Type Rendering Project, Infinite-scroll.com, jQuery plugin stuff, a host on the yayQuery Podcast, and an mp3 blogger at Aurgasm.

He's also pretty new to San Francisco.

×

CSS & Pseudo Elements 4pm CT

by Chris Coyier, CSS-Tricks Web Design Community Curator

We'll be talking about a very small part of the the vast canyon of CSS: pseudo elements.

Essentially, for every element on page, you get two free "elements" you can create through CSS via the :before and :after selectors.

They are part of CSS2, so the browser support is pretty deep, but the things you can do with them are rather amazing. Since this all happens in the CSS, markup remains clean and uncluttered with non-semantic design-specific markup.

About Chris Coyier

Chris Coyier is a real world web designer who has been reaching for WordPress to power client sites for many years. He subscribes to the theory that not only is WordPress capable of powering any website it is almost always the right choice.

×

Featuring
speakers from:

many fine organizations and companies

About the CSS Summit

Whether it's the implementation of the new techniques available in CSS3, mobile concerns or the ever-growing list of available fonts and how to use them, Web designers and developers will get up-to-speed with the help of these internationally recognized speakers and educators.

Why attend the online conference?
  • Attending a conference online means no travel hassle!
  • Bring the experts live to your desktop!
  • Time spent on the road is better spent instead in the office or with family, friends!
  • Sessions are developed to dive deeper into the material!
  • Ask questions directly to the speakers!
  • Can't make it the day of the conference? Watch the recordings whenever you want!
Testimonials from
Attendees
This conference was a load of fun. I loved the instant feedback from the speakers and the atmosphere.


John-David Dalton
Web Application Developer
& Web Performance Summit Attendee

I love these online conferences. It's convenient and you can still learn a lot from the comfort of your home or at work.


Candi Ligutan
5by5.tv Producer

An absolutely fantastic event. Well done—will definitely be back for more!


Russ Weakley
Chair of Web Standards Group
& CSS Summit Attendee

Satisfaction Guaranteed 100%

Buy Tickets

HOW IT WORKS

Once you are registered, you will receive a follow-up email to confirm your reservation. Later on, as the event draws near, you will receive a more detailed message, with the full schedule and other helpful information to help you take full advantage of your conference-going experience and plan your day.

On the day of the conference, you will receive an email invitation about 45 minutes before everything starts. Click on the enclosed link to sign in and enter the virtual meeting space. Once you are signed in, you'll be able to see and hear the presentations as they happen, ask questions as needed and chat with the other attendees if you like!

Technical Specifications: to attend The Summit, you will need a modern web browser (Firefox 1.5, IE 6 & Safari 2 or newer, for example) and a recent version of the Adobe Flash Player. Follow this link to run our system diagnostic (opens in a new window). It will let you know right away which plug-ins, if any, you will need to update before the event.

Still have questions? Drop us a line or contact us at e4h@heatvision.com if there's anything else you'd like to know.