CSS Triggers – How performant is each CSS property? (opens in new tab)

(css-triggers.com)

23 pointsandrico1y ago5 comments

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

dotancohen1y ago

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!

andricoOP1y ago

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.

Zekio1y ago

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

andricoOP1y ago

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

j / k navigate · click thread line to collapse

5 comments

andricoOP1y ago

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

dotancohen1y ago

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

Nice job!

andricoOP1y ago

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.

Zekio1y ago

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

andricoOP1y ago

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

j / k navigate · click thread line to collapse