Sessions at CSS Summit 2011 with write-up

Tuesday 26th July 2011

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 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.

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.

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.