Welcome to Built With Code! You'll find tutorials to create and build your next web project, leveraging frameworks like Framer Motion, Next.js, and Tailwind.
Since we animate using degrees, we would only have a smooth animation when making a background on a square (It's more apparent on larger rectangles). How can we smooth out the animation on rectangles?
Adding a click handler to a non-interactive element poses an accessibility issue and should be avoided. Browsers natively support navigating to sections of a page using anchor tags (<a>) with #id
This is one of my favourites YT channels, really. I'm waiting everyt day/week for the new content. All that you build has a REAL utility in my work. Tanks Built With Code
Most of these such plug-ins are underdocumented. It sometimes takes days to learn how to implement them. No decent tutorial either or any tutorial at all. Each tutorial does it in a different way. This one, for example, if I add “raf(time: any)” in stead of just “raf(time)”, entire page stops working, untill I remove “: any” from “raf(time: any)”.
I agree Lenis doesn't have great documentation (one reason I wanted to make this video). One suggestion - the react helper library (lenis/react) mentioned in this video provides a single component to take care of basic config. But for more involved use cases, it's a bit of trial and error until it works
nice guide... but if mouseover the picture how can set paused and after mouseout retake the animation keeps on the moving from the same point without restart the animation... I would really appreciate it if you could help me
I used a trick by setting the FAST_DURATION variable to a really big number (100,000) to make it seem like it’s paused. It still moves, but super slowly, so it looks like it’s on pause. If you come up with a better way to do this, that would be great
Amazing tutorial. I coded along and actually learnt so much! Love the way you focus on small details like why are you doing something and what effect would it have on other parts of the code. Learnt alot today!
What do you use to record the first shot of your videos? I've been looking for a way to consistently screen record a Safari window that is centered and the same size every time, as you do in all your videos.
