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

CSS Summit 2012 logo

The 4th Annual 3-day online, live CSS conference

In-kind Sponsors

ISITE Design

Environments for Humans brings together some of the Web's most notable experts in CSS3 and Sass for an all-new, three-day online conference, the CSS Summit 2012! Bring the experts to your desktop July 31-August 2, 2012 from 9AM to 4PM (CT).

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

CSS3 Training \\ July 31, 2012 \\ 9AM to 4PM CT

(Schedule subject to change)

Web Typography 9am CT

by Trent Walton, Founder & 1/3 of Paravel Inc.

From the practical to the progressive, Trent Walton takes a look at everything you can do with type on the web.

Leaving no stone unturned, Walton explores:

  • How to make good use of web fonts & typography
  • Gaining control with the latest CSS has to offer
  • Complete control with Lettering.js
  • Applying everything in a fluid / responsive setting

About Trent Walton

Trent Walton is founder and 1/3 of Paravel, a custom web design and development shop based out of the Texas Hill Country. In his spare time, he writes about what he learns at his website, and is co-creator of and contributor to TheManyFacesOf and DesignSwap.

×

CSS3 Selectors 10am CT

by Rachel Andrew, Author of CSS Anthology

The session will also cover practical methods of dealing with older browsers that do not have support for certain selectors, explaining how you might provide support using JavaScript - be that by using a polyfill designed to tackle many issues at once or addressing these on a case by case basis in your own JavaScript.

This session gives a solid grounding on modern CSS techniques that delegates can start to use in the projects today.

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
  • How to use 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.

×

Media Queries & Viewport 11am CT

by Chris Mills, Opera Web Evangelist & Dev Rels Editor

The world is now officially device-crazy!

Just look at the number of Mobile phones and tablets sold recently, and the number of ordinary people (not just geeks) who have a mobile device and a tablet in addition to their desktop computer, or have even dispensed with the desktop computer altogether.

It would be foolish of us to just design for desktop, or just for mobile. What we need is a way to optimize our layouts for a multitude of different screen sizes and other factors!

In this talk Chris Mills looks at media queries and viewport in detail:

  • Their origins in media types
  • Why media types failed for mobile and devices, and why media queries will succeed
  • Media query basics
  • Practical examples of how they work across modern browsers and devices
  • Exploring viewport - why it is needed, and how best to use viewport and MQ's together
  • A look forward to the future, and the @viewport proposal
  • Mobile first versus desktop first
  • The IE problem, and how we can slay that beast in this particular context
  • Device breakpoints versus content breakpoints. What works best?

About Chris Mills

Chris Mills is a web technologist, open standards evangelist and education agitator, currently working at Opera Software in the developer relations team. He spends most of his time writing articles about web standards for dev.opera.com and other publications (such as .net mag and A List Apart), giving talks at universities and industry conferences, and lobbying universities to improve their web education courses. He believes that education is the answer to everything, but in particular he is passionate about using education to improve the overall content quality, accessibility, usability and future-viability of the Web.

He is the creator of the Opera Web standards curriculum, contributor to the WaSP InterACT project, and coauthor of InterACT with web standards: A Holistic Approach to Web Design. In August 2011, he also accepted the position of co-chair of the newly-formed Web Education Community Group.

Outside work he is a heavy metal drummer, proud father of three and lover of good beer.

×

CSS3 & Transforms 1pm CT

by Tiffany Brown, Web Opener at Opera

Want to make your images spin 720 degrees before zipping off screen? How about making your text glide "Star Wars" style? Transforms to the rescue!

In this talk, we'll cover:

  • How 2D and 3D transforms work.
  • The current status of the specification.
  • Combining transforms with transitions and animations.

About Tiffany Brown

Tiffany Brown is a web developer, writer, and open web advocate. She is also a member of the Opera Software Developer Relations team.

Before joining Opera, Brown worked for media companies and agencies, building awesome things out of CSS, HTML, JavaScript, ActionScript, PHP and MySQL, sometimes all for the same project.

Now when she isn't helping corporations broaden their browser compatibility, she tinkers with leading-edge front-end technologies and tells people how cool it is.

×

CSS3 Transitions & Animations 2pm CT

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

A dead battery is bad user experience.

Animating with JavaScript (or with Flash when installed), can suck the life out of your users' batteries really fast. Want to be cool and not hated? While not a panacea, CSS3 Animations can be the solution.

With CSS3 transitions and animations -- and without any JavaScript -- you can recreate almost all of the effects previously reserved to the realm of plugins, without making your users hate you.

From the basics of animation keyframes, to expert tips that will save you many a headache, Estelle takes you on a look at all you need to know to get you up and running with CSS3 transitions and 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 Polyfills 3pm CT

by Jason Johnston, Creator of CSS3 Pie

Of course we all love the power of CSS3 in today's modern browsers. But what about when your users are running outdated browsers, and giving them a degraded experience just isn't an option? Are we stuck wasting our time writing dumbed-down and hacky code?

Polyfills to the rescue! But there are so many available, and lots of pros and cons to consider. In this session we'll introduce several of the more useful CSS3 polyfills, discuss their features and pitfalls, and explore some of the details of how they work their magic. When we're done you'll be able to use polyfills like a pro.

About Jason Johnston

Speaker background information forthcoming.

×

ADVANCED CSS \\ August 1, 2012 \\ 9AM to 4PM CT

(Schedule subject to change)

Scalable & Modular Architecture for CSS 9am CT

by Jonathan Snook, Web Design and Development Specialist

Find yourself throwing !important at everything? Or fighting with long selectors just to get a style to overrule another?

As a project (and team) grows, we fight against the growing complexity of the CSS in our projects.

This hour of power will bring you an exploration of the common pain points in CSS development and the techniques that can be used to avoid them.

Your CSS will be leaner, meaner, and modular, allowing it to scale to new heights!

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.

×

Essential Tools for UI Performance 10am CT

by Nicole Sullivan, Front-end Performance Consultant

Paul Irish said there a four primary concerns for CSS Performance: selector matching, style recalculation, reflows, and repaints.

All of those are impacted by the efficiency of your CSS. In this session, Nicole will detail the tools every UI engineering team needs to figure out when and why their CSS has become slow.

After this session, attendees will have practical take-aways that they can use to make their site fast and keep it that way.

She’ll cover:

  • CSS Selector Profiles
  • Unused selector audit
  • DOM Depth Checker
  • LESS & Sass

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.

×

Fluid Media in Responsive Web Design 11am CT

by Dave Rupert, Lead developer for Paravel, Inc.

Media Queries: Easy.

Fluid Grids: Squeezy.

Fluid Media is surprisingly one of the most challenging aspects of RWD. Squeezing images, video, and display type may result in some undesired effects.

Dave Rupert covers a slew of CSS strategies, techniques, and sweet effects to awesomize™ your media in your next responsive design.

And when CSS can't fully complete the job, Rupert looks at how tiny bits of javascript can solve large problems.

About Dave Rupert

Dave Rupert is the lead developer for Paravel and host of the ATX Web Show, a podcast about the local web design and development scene in Austin, TX. Most of his attention is focused on current buzzwords: HTML5 / CSS3, Javascript, Rails, Sinatra, and the Mobile Web.

×

Making Links Magical Again with CSS 1pm CT

by Jenn Lukas, Interactive Development Director at Happy Cog

In this session, Lukas takes a look at how CSS has made hovers the best thing since orange juice without pulp!

We'll take a look at how using CSS properties applied to your hovers can add class and awesome to your web pages.

In case that's unclear, Lukas don't care for orange juice with pulp. (I know, I know!)

About Jenn Lukas

Jenn's three loves in life are coffee, kittens, and front-end development. Her love of coffee and kittens developed long ago, but her affinity for HTML started in the late 90's while working for a Boston radio station. She built her first site to support her radio show by referencing HTML tutorial sites. She became so interested in the process of building websites that she moved to Philadelphia to pursue a Multimedia & Web Design degree.

After graduating, Jenn went on to become a developer for a leading Philadelphia-based advertising and brand communication agency. She has worked on numerous projects for top-tier clients including ESPN, Johns Hopkins University, United Healthcare, ABC Sports, and Microsoft. Jenn has a wide variety of experience, including building corporate intranets, commercial websites, and Navy training simulations. Jenn also has a second degree in video production to boot.

Jenn was named one of Mashable's 15 Developer/Hacker Women to Follow on Twitter, and you can find her on Twitter posting development and cat related news. She also writes for The Nerdary and is a monthly columnist for .net Magazine.

×

Future of CSS 2pm CT

by Tab Atkins, Web Standards Hacker at Google

Modern CSS is amazing, but even more wonderful stuff is in the pipeline and currently being experimented with in browsers.

Tab Atkins explains the soon-to-be-new hotness in simple terms and show how it will drastically change the way you write web pages for the better.

About Tab Atkins

Tab Atkins Jr. wears many hats. Working for Google on the Chrome browser as a Web Standards Hacker, he also is a member of the CSS Working Group and several others, and contributes to even more working groups in the W3C.

×

What You Don't Know 3pm CT

by Chris Coyier, CSS-Tricks Web Design Community Curator

On any given request for a website, there is precious little we know about the players involved.

We don't know who the user is, where they live, what they speak, really anything about them. They are using a browser, but we don't know what that browser is.

We don't know how they interact with that browser. That browser is on some device that we don't know about and we don't know how that device connects to to the internet.

All we know is about the server where our website is hosted and the files we put there. We can make a better web by accommodating these unknowns.

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.

×

PREPROCESSORS \\ August 2, 2012 \\ 9AM to 4PM CT

(Schedule subject to change)

State of Sass 9am CT

by Nathan Weizenbaum, Lead Developer of HAML and Sass

This talk will follow the development of Sass through time, from its earliest beginnings, through what it can do now and on to my dreams of the future of CSS preprocessing.

  • The past: an indented syntax for CSS, variables and mixins, and the development of modular stylesheets.
  • The present: SCSS, selector inheritance, and the beginning of browser adoption.
  • The future: an ecosystem of styles.

About Nathan Weizenbaum

Currently working at Google on Dart, Nathan Weizenbaum was an undergraduate at the University of Washington, majoring in Computer Science and Philosophy.

Programming since late 2005, he has been doing open source stuff since late 2006.

×

“#{$N} Things You Didn't Know
Sass & Compass Could Do” 10am CT

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

Sure you know the basics, maybe you've read the docs, you think you can do this Sass thing.

But what you may not know may surprise you and save you boatloads of time.

Chris Eppstein is the creator of Compass and has helped design and implement the Sass language since 2009.

He will show you some of his favorite and often lesser-known features of Sass and Compass that will help you understand this language and framework more intuitively. He'll also show you some of the awesome new features coming in Sass 3.2 and Compass 0.13.

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.

×

CoffeeScript, Linguistics and Cockney Rhyming Slang 11am CT

by Brandon Satrom, Product Manager for Kendo UI

Depending on whom you ask, CoffeeScript is either the eminent threat to cripple all web development, or the perfect aid for never having to write another line of JavaScript, ever again. Substitute "Preprocessor" for "CoffeeScript," and you'll find that the same perspectives dominate any conversation.

But rather than rushing to take a side, let's imagine a third option where JavaScript and CoffeeScript--or Preprocessor X and Target Language Y, if you will--can exist, in harmony, along side one another. This session aims to present and defend that third option.

About Brandon Satrom

Brandon Satrom is Product Manager for Kendo UI and is based in Austin, TX.

A unapologetic lover of the open web, Brandon loves to talk about HTML, JavaScript, CSS, open source and whatever new shiny tool or technology has distracted him from that other thing he was working on. Brandon has spoken at several regional and national events, and he loves hanging out with and learning from other passionate developers, both online and in person.

He also loves writing and, in addition to having several articles featured in publications like MSDN Magazine and .net Magazine, he's hard at work on a book ("Building Metro Style Apps for Windows 8 in JavaScript") with Chris Sells, slated for release Summer 2012.

×

Adopting Sass 1pm CT

by Krys Taylor, Director of User Experience at Caring.com

Designers and developers often have legendary clashes. Communication styles and ways of thinking differ and can create challenges for the strongest of teams. It doesn't have to be this way.

Adopting Sass approaches and integrating them into your design process will not only boost a designer's efficiency, it'll improve communication and speed up QA times.

We'll cover:

  • Naming for philosophical intent, to promote reuse
  • Using code processes to organize design concepts
  • Working collaboratively with developers to create solid designs that move quickly from photoshop to code

About Krys Taylor

Director of User Experience at Caring.com

×

Working with Sass 2pm CT

by Jeff Croft, Chief Designerd at nGen Works

Sass is an incredible tool, but figuring out how best to use it on your projects, with your team, using your development environment, in your organization can be confusing and require a bit of trial-and-error.

In this session, Jeff Croft will discuss various ways of integrating Sass into your workflow, including tips for how to use Sass with your version control process, how to ensure code integrity when working on teams of Sass coders, how best to integrate Sass into your deployment process, and more. Join Jeff and learn how to work with Sass, instead of simply using Sass.

About Jeff Croft

Jeff Croft is a digital product designer and developer in Seattle, WA. I currently work with nGen Works, and recently co-founded Lendle, a Kindle book sharing service.

Some of his clients include Facebook, Yahoo!, Copious, The New York Review of Books, The Lawrence Journal-World, Kansas State University, and the University of Washington.

He has authored two books on web and interactive design and spoken at dozens of conferences around the world.

×

Style Guide-driven UI Design with Sass 3pm CT

by Jina Bolton, Product Designer at Do

In this session, Jina Bolton shows how Sass can enable you to create smarter, forward-thinking maintainable web interfaces.

Whether you're working alone or on a large team, having a solid CSS architecture is incredibly rewarding and essential for good development, design, and business.

As continuous integration gains traction in today's web application development workflows, living style guides and Sass help keep everything in check.

About Jina Bolton

Jina enjoys creating beautiful user experiences with visual interaction design and style guide-driven CSS development (preferably with the SCSS flavored syntax of CSS).

She has previously worked at rad companies including Apple Inc., GitHub, Engine Yard, and Crush + Lovely.

Jina has cowritten Fancy Form Design and The Art & Science of CSS.

She has also created the coffee art gallery, Art in My Coffee.

×

Featuring
speakers from:

many fine organizations and companies

About the CSS Summit 2012

Whether it's the implementation of the new techniques available in CSS3, mobile concerns, pre-processor workflows 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

I can honestly say I've learned more attending E4H's virtual summits than I've learned attending real life conferences.


Glenda Sims
Senior Accessibility Consultant at Deque Systems, Inc
& Accessibility 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.