Sessions at CSS Summit 2011 about CSS on Wednesday 27th July

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.

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.

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.