Your browser doesn't support the features required by impress.js, so you are presented with a simplified version of this presentation.

For the best experience please use the latest Chrome, Safari or Firefox browser.

If your CSS is happy and you know it ...

... clap your hands

Christoph Burgmer

@cburgmer, cburgmer@thoughtworks.com

CSSConf 2014 CSSConf 2014

Your CSS

Happy ... or sad?

Or worse?

Source: http://en.wikipedia.org/wiki/File:Ie7acid2.png

Do you know?

We users notice

http://kaizentesting.wordpress.com/2012/08/04/different-facets-of-testing-web-applications%C2%AC-and-facebook-bugs/
http://www.seroundtable.com/google-advanced-search-bug-17091.html
http://atodorov.org/blog/2013/06/02/sofiavalley-ui-bug/

We users notice (2)

Missing! Reward!

Safety net

Source: http://en.wikipedia.org/wiki/File:Wonderland_Walker_2.jpg

We need our safety net to safely develop and refactor with confidence.

Missing since the web exists.

Please call 812-4711-4221.

Professionalism

We want high quality

But

Help!

Testing, testing, testing

Developers are using testing tools since for ever.

assertThat(
    returnedStatusCode,
    is(200)
);

We have been missing CSS test tooling all along

We can fix this!

Demo time Demo time Demo time Demo time Demo time Demo time Demo time Demo time Demo time Demo time Demo time Demo time Demo time Demo time Demo time Demo time Demo time Demo time Demo time Demo time Demo time Demo time Demo time Demo time Demo time Demo time Demo time Demo time Demo time Demo time Demo time Demo time Demo time Demo time Demo time Demo time Demo time Demo time Demo time Demo time Demo time Demo time Demo time Demo time Demo time

So?

Tooling

A longer list on http://csste.st.

Experiences

Find out what works for you!

Thanks for listening.

Make your CSS happy!

Meta

This presentation was made with