5 CSS tricks that replace JavaScript (quickfire)

Tech

Five things you still use JavaScript for that are now one line of CSS. Quickfire. What's covered: • 1) Smooth scroll: scroll-behavior: smooth. • 2) Accordions: details / summary. • 3) Scroll reveal: animation-timeline: view(). • 4) Tooltips: anchor positioning. • 5) Native CSS nesting (kills Sass). Save this whole list. Delete some libraries. #pixelgridui #css #javascript #webdev #frontend

Comments 2

danielle_medina 3 weeks ago

another thing about details elements is they're accessible by default and searchable.

robin_eaton 3 weeks ago

SASS (not SCSS) without brackets and semicolons is so much better. And many advantages, still.