Page Transitions in Next.js with Framer MotionWhat 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...Nov 16, 2020 · 10 min readdarthknoppix.hashnode.dev
Making Magic in Framer Motion 2Framer 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...Mar 28, 2020darthknoppix.hashnode.dev
Harnessing the Page Visibility API with ReactThe 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...Oct 5, 2019darthknoppix.hashnode.dev
Break the CSS Stigma: Don’t be afraid of CSSCascading 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...Sep 8, 2019darthknoppix.hashnode.dev
Self-hosted Website Analytics without breaching user's privacyWe all love free but nothing in life is truly free. There is a cost to almost everything and if you’re not paying with money then you’re paying with something else. My go-to analytics platform in the past has been Google Analytics, it’s free and full...1EJul 12, 2019darthknoppix.hashnode.dev
