Hi, everyone! It’s me again, Jorge Toloza 👋 Last time I showed you how to code a progressive blur effect and in today’s tutorial, we’ll create a dynamic text distortion effect that responds to scrolling, giving text an organic, wave-like motion. Using JavaScript and CSS, we’ll apply a sine wave to text in the left […]
How to Create an Organic Text Distortion Effect with Infinite Scrolling Read More »
I’ve been wanting to explore more staggered grid animations, and this time I wanted to experiment with perspective, filters and typography. So today, I’m excited to share this little experiment with you. There are endless possibilities, and honestly, I’m struggling to find the right words to describe it… language can feel so limiting sometimes 🙂
Staggered (3D) Grid Animations with Scroll-Triggered Effects Read More »
I’m an Independent Visual & Interactive Designer based in Barcelona, working globally. With a background in graphic design, I’m enthusiastic about typography, motion and web-based animations. With experience working with talented teams and individuals, I specialize in translating brands into unique and immersive digital user experiences. My works and explorations have different recognitions which allowed
Designer Spotlight: Eva Sánchez Read More »
The other day, I was browsing a nicely designed “About” page, and, like many other sites, it had the familiar pattern of a fixed logo at the top while scrolling. This is quite common, but sometimes the logo ends up overlapping with the text, making things a bit hard to read. You might see this
Exploring Playful Context-Aware Animations for Fixed Elements Read More »
Sometimes, I forget just how powerful SVG filters can be. Maybe it’s because my mind tries to block out the countless hours I’ve spent wrestling with glitches, performance issues, and other strange browser quirks. But like many aspects of web technology, things have improved a lot! So, when I came across this effect on the
Scroll-based SVG Filter Animations on Text Read More »
Some fun Terminal-like character hover animations for lines of text. If you haven’t seen Jean Dawson’s incredible website yet, I recommend you to check it out! It was made by Mouthwash and Guillaume Colombel and it looks like a 1985 VHS tape was brought to life! As an 80s kid, I have a soft spot
Hover Animations for Terminal-like Typography Read More »
In the ever-changing world of web design, trends may shift rapidly, but a good font can provide lasting relevance. This article highlights some beautiful fonts that always manage to look awesome, no matter what year it is. These are a few of my personal favorites—by no means a complete list, and I’ve intentionally steered clear
A Selection of Fonts That Future-Proof Your Web Design Read More »
Some interesting experiments have been shared lately on X showing progressive blurs on all kinds of elements and this one by Rauno caught my eye: It’s a stunning effect and I was wondering if something similar could be achieved by simply “unblurring” text while we scroll. I want to share these results with you today,
Blurry Text Reveal on Scroll Read More »
Some ideas for scroll-based text highlight animations. Today I’d love to share some text highlight effects that have been whirling in my mind for a while. They are inspired by some details I saw in Dribbble shots and some other videos. The idea is to highlight text, particularly words, on scroll, when they come into
Some On-Scroll Text Highlight Animations Read More »
An animation experiment where we expand an image within some typographic element on scroll. Today I’d like to share a little effect with you that got inspired by this video of a billboard ad: A video expands and pushes some text away. I thought this would be fun to experiment with and try out different
On-Scroll Expanding Image Animation within Typography Read More »
