CSS Triggers – How performant is each CSS property?

CSS Triggers – How performant is each CSS property?(css-triggers.com)

23 points by andrico 1 year ago | 5 comments

andrico 1 year ago |

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

dotancohen 1 year 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!

andrico 1 year 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.

Zekio 1 year ago |

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

andrico 1 year ago | |

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