CSS Triggers – How performant is each CSS property?

css-triggers.com

23 points·andrico··5 comments

I remembered a site a few years back that illustrated which parts of the browser rendering pipeline each CSS property triggered. It was super useful when it came to creating performant animations. I tried to find it recently but, couldn't for the life of me.

It turns out the OG was replaced with a marketing site. I took the open source data from the original and created a brand new design for the site.

I credit the original creators in the opening paragraph of the site.

I hope you all enjoy and learn something new and useful :)

EDIT: grammar

Your newsletter signup form is absolutely terrific. I never thought that I'd say that.

It's inline in the page. Not a popup, not a modal, not a popunder or poparound or popfart. It's almost unique in its field for not being annoying. Almost got me to sign up, but I'm not your target demographic.

Nice job!

Thank you for the kind words.

I don't like popups either, or anything annoying or intrusive. It'd be hypocritical of me to assume that visitors should be subjected to something that I hate myself.

A good resource if you want to dive deeper is https://gist.github.com/paulirish/5d52fb081b3570c81e3a

Definitely a good share! I have it bookmarked, nice a flip-side to CSS Triggers, should be called "JavaScript Triggers" ha!

Reply on news.ycombinator.com