Change a CSS property with CSS Triggers

Googler Paul Lewis has built a handy CSS tool…

Instead of spending time performing your own tests, you can now use Paul LewisCSS Triggers to understand the ramifications of setting the value of a CSS property to something other than the default, or of updating that value.

The CSS Triggers site lists CSS properties alphabetically, and lets you know whether changing their values will trigger layout, print or composite work. Clicking on a property brings up detailed information about what will happen and what the costs might be.

At the moment this only works for Chrome. Lewis is keen to expand the functionality, but at present not many browsers have tools for exposing information about what’s going on inside. He is inviting vendors or anyone else who can help to file a Pull Request.

You can read about how Paul made the site in his blog post, here.

Words: Tanya Combrinck


Related Articles:

This entry was posted in CSS, Resources and tagged . Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *


You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>