Works cross-browser! 😉 — Today I’m thrilled to share a few lines of code that saved my life while working on my last project. The client wanted a very complex and cinematic homepage. Still, the browser scrollbar caused a very ugly resize effect on the browser window. Together with the UI/UX designer, we concluded…

Part three of a multi-part tutorial series to help you learn how to build an authentication system for your Next.js application using Strapi as headless CMS. — This article is the third and last part of a series: Part 1: Registration Part 2: Login & Logout Part 3: Forgotten & Reset Password 🙋🏼‍♀️ On 30th November, Strapi released v4.0.0 🎉 The Strapi version used for these tutorials is v3.6.8. I'll test the project with the new Strapi release…

A quick tutorial to help you make a like icon more appealing and fun to users with GreenSock (aka GSAP). — This article will guide you through crafting a simple yet engaging like button, handling both the first click (aka like ️❤️) and a second click to remove the like (aka dislike 💔).

It’s that time of year again. — It’s time to think about the new year and what you want to accomplish in it. I’m sure you’ve all heard of the usual new year’s resolutions like getting in shape, eating better, or saving money for that trip you have wanted to take for ages. …

Part two of a multi-part tutorial series to help you learn how to build an authentication system for your Next.js application using Strapi as a headless CMS. — This article is the second article of a three-part series: Part 1: Registration Part 2: Login & Logout Part 3: Forgotten & Reset Password 🙋🏼‍♀️ On 30th November, Strapi released v4.0.0 🎉 The Strapi version used for these tutorials is v3.6.8. I’ll test the project with the new Strapi release…

In this series of articles, you’ll learn how to power an authentication system on top of your Next.js app using Strapi as a headless CMS. — The series will be divided into three chapters: Part 1: Registration Part 2: Login & Logout Part 3: Forgotten & Reset Password Project structure We’ll begin by creating the project’s folder structure, installing Strapi and Next.js, and setting up the project.

Find out an object’s length, programmatically add (or remove properties), change specific properties values, and more. — Recently I decided to try making my code as clean as possible. To achieve my goal, I’m moving all the long, complex, and verbose functions reused throughout the project into a new file, utils.js. Here’s a list of 7 JavaScript functions that will save you some time when working with…

It was tough, but I’m slowly finding a new balance between family and work. — I’m a front-end web developer in a digital agency, and in this article, I want to tell you how my first year as a new-mom programmer went.

Give direction to your users in a more engaging way. — The mouse cursor plays a vital role in the user experience of every website. It is the reason why you know you can click a link, drag and drop an element, zoom in or zoom out on something, and so on and so forth. What inspired me to write this…