4 ms·
CSS Triggers – How performant is each CSS property?
- andrico 2y agoI 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 2y agoYour 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 2y agoThank 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.
- deleted 2y ago[deleted]
- Zekio 2y agoA good resource if you want to dive deeper is https://gist.github.com/paulirish/5d52fb081b3570c81e3a https://gist.github.com/paulirish/5d52fb081b3570c81e3a
- andrico 2y agoDefinitely a good share! I have it bookmarked, nice a flip-side to CSS Triggers, should be called "JavaScript Triggers" ha!