@darthknoppix

Page Transitions in Next.js with Framer Motion

Nov 16, 2020 · 10 min read · What we’re building I’ll help you start adding more delight to your Next.js app (or other React apps) with transitions between pages. We’re going to use the AnimateSharedLayout component from the Framer Motion API to make pages blend between each oth...

Making Magic in Framer Motion 2

Mar 28, 2020 · Framer Motion is my go-to animation library for React. Matt Perry, the creator of the library and its predecessor Pose, has been tweeting about version 2 (still in beta at the time of writing) so I decided to check it out. It has some great new featu...

Harnessing the Page Visibility API with React

Oct 5, 2019 · The web is a powerful platform that has more to offer than you might expect. There are many APIs that enrich people's experience of the web allow developers to make websites that react in fun and interesting ways. The Page Visibility API is easy to u...

Break the CSS Stigma: Don’t be afraid of CSS

Sep 8, 2019 · Cascading Style Sheets (CSS) is the language for turning a webpage from a designer’s nightmare into something aesthetically pleasing. It has helped craft the vibrant and usable web we know and use every day. As a web developer, I write a lot of CSS a...