Nordcraft

Designers, We used to hand off our ideas. Now we take them all the way. Designers, it’s time to build

Designers, we used to ship design files. Now we ship products. Designers, it’s time to build

Designers, we used to stop when things got real. Now we start with real. Designers, it’s time to build

Stretching the boundaries of what you can do with CSS has always fascinated me. But I have to admit that today, you don’t have to stretch them that much to create amazing things. ✨ Clip-path illustrates that quite well, especially when you combine it with timeline animations, you can create some really cool effects. This week, I am exploring how you can use it to make elements appear on the page in style. 🕺

Parallax is one of those effects that has caught my attention since I first saw it. Being able to make elements feel three-dimensional just by moving them at different speeds felt like magic. 🪄 Creating a basic parallax effect used to require custom JavaScript and complex code logic. Today that is possible with simple CSS, which is amazing. This week I experimented on how to do it and make the most out of it. 🎥

I have been fascinated with the animation timeline lately. It is a powerful new tool once you can animate based on scrolling instead of typical event-driven triggers. 🧰 In this project, I explore the idea of mapping the viewport 1-to-1 with your animation keyframes and then playing around with the possibilities. The end result turned out really cool, and it feels like I'm only scratching the surface of what's possible. 🚀