惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

cs.AI updates on arXiv.org
cs.AI updates on arXiv.org
K
Kaspersky official blog
L
Lohrmann on Cybersecurity
T
Tenable Blog
Latest news
Latest news
C
CXSECURITY Database RSS Feed - CXSecurity.com
Security Latest
Security Latest
V
Vulnerabilities – Threatpost
The Hacker News
The Hacker News
P
Palo Alto Networks Blog
I
Intezer
T
Threatpost
C
Cisco Blogs
A
Arctic Wolf
C
Cyber Attacks, Cyber Crime and Cyber Security
WordPress大学
WordPress大学
月光博客
月光博客
博客园 - 聂微东
Last Week in AI
Last Week in AI
V
V2EX
小众软件
小众软件
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
Simon Willison's Weblog
Simon Willison's Weblog
T
The Exploit Database - CXSecurity.com
宝玉的分享
宝玉的分享
酷 壳 – CoolShell
酷 壳 – CoolShell
Spread Privacy
Spread Privacy
博客园 - 三生石上(FineUI控件)
博客园 - 叶小钗
T
Threat Research - Cisco Blogs
博客园 - Franky
S
Schneier on Security
Know Your Adversary
Know Your Adversary
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
aimingoo的专栏
aimingoo的专栏
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
美团技术团队
T
Tor Project blog
C
Cybersecurity and Infrastructure Security Agency CISA
腾讯CDC
Project Zero
Project Zero
V
Visual Studio Blog
人人都是产品经理
人人都是产品经理
量子位
The GitHub Blog
The GitHub Blog
I
InfoQ
P
Proofpoint News Feed
Cyberwarzone
Cyberwarzone
P
Privacy & Cybersecurity Law Blog
B
Blog RSS Feed

Codrops

ZERO: The Engineering Behind a Defiant Interactive Narrative | Codrops Meet the Speakers of the First Three.js Conference | Codrops The Architecture Behind Trionn: Coordinating GSAP, Three.js, Lenis, and Web Audio | Codrops Where Stories Become Interactive Worlds: How makemepulse Brings Ideas to Life Across Web, XR, and Beyond | Codrops The Sleepers: Creating an Atmospheric WebGL Experience with Lightweight Techniques Building an Interactive Wave Propagation Cube Grid with Three.js | Codrops Ten Years Away: Designing an Interactive Comic for Studio375’s Tenth Anniversary | Codrops Building a Scroll-Driven 3D Gallery Using a Blender Camera Path with Three.js and GSAP | Codrops From Years of Client Work to a Next.js + Sanity Starter Kit | Codrops Sculpting a Digital Athlete: Capturing Stefanos Tsitsipas Beyond the Court | Codrops Building Persistent Page Transitions with WebGPU and Vanilla JavaScript | Codrops Inside Bisous: Designing an Editorial Experience for Cinematic CGI | Codrops Engineering the Web Experience Behind Shopify’s Spring ’26 Edition: Everywhere | Codrops Shaping Stories into Experience: The Work of Kevin Lam | Codrops Testing What Users Actually See with Vitest and Chromatic | Codrops Podium: Building a Website Where Running Becomes Storytelling | Codrops Designing Beyond the Surface: How DashDigital Turns Complexity into Clarity | Codrops Creative Entrepreneurship: Designing the Machine | Codrops Exploring 3D Image Rotations on Scroll | Codrops Always Building, Always Learning: Cyd Stumpel’s Journey Through the Modern Web | Codrops Designing A Better Lou: Reducing Cognitive Load Through Design, Content, and Systems | Codrops Sketching the Impossible: A 3D Portfolio Built Without a Single 3D Model | Codrops Building Horeca: Advanced Motion Design in Webflow Without the Performance Trade-Offs | Codrops Building an Interactive Digital Stamp Collection with Shaders, Postcards, and Playful Inspection | Codrops No Two Paths Alike: Inside San Rita’s Approach to Digital Experiences | Codrops The Making of the New Lesse Studio Website: Clarity, Performance, and Intentionality | Codrops Creating a Thumbnail Flow Animation with GSAP MotionPath | Codrops Forging Her Own Path: Houmahani Kane’s Journey in Creative Development | Codrops Beaucoup and the Pursuit of Memorable Experiences | Codrops The Future of Emotional Technology: Comfort Websites for Growth and Self-Awareness | Codrops The Never Ending Story: Building a Seamless Infinite Scroll Experience with GSAP & Lenis | Codrops Whooshes, Snaps and Shaders: Adrien Vanderpotte and the Feeling of the Interface | Codrops Building a Scroll-Driven 3D Cube Gallery in Webflow with GSAP | Codrops Creating Scroll-Driven SVG Map Animations with GSAP | Codrops Made With Gsap: Building a Fun Gravity-Based Mouse Trail | Codrops 80s Business Tech and Seamless Scene Transitions: Inside Shader.se’s Scroll-Driven WebGPU Pipeline | Codrops Merlin: The Code Boutique Turning Motion Into Digital Magic | Codrops Designing Ourselves: The New Obys Identity and Website | Codrops Exploring the HTML-in-Canvas Proposal | Codrops Le:mma Studio: Building the Feeling Behind the Screen | Codrops From Shader Uniforms to Clip-Path Wipes: How GSAP Drives My Portfolio | Codrops Reverse-Engineering Claude AI’s Mascot Animations with SVG and GSAP | Codrops Akaru: Crafting Precision-Driven Digital Experiences | Codrops Designing Against the Gallery: A Two-Year Journey to a Layered Portfolio Experience | Codrops Between Human and Machine: Sofia Papadopoulou’s Approach to Augmented Creativity | Codrops More Than a Portfolio: Building a Scroll-Driven 3D World with Something to Say | Codrops Rhumb Studio: Small but Mighty, Shaped by Curiosity | Codrops Susurrus: Crafting a Cozy Watercolor World with Three.js and Shaders | Codrops Building 4WIDE: Turning Distortion, Blur, and Motion into a Coherent Experience | Codrops A Playful Clip Menu with GSAP’s easeReverse | Codrops False Earth: From WebGL Limits to a WebGPU-Driven World | Codrops Interactive Storytelling for the Web: Building Immersive Stories with Timelines, 3D, and Layered Scenes | Codrops They Call Me Giulio: The Making of a Cinematic Cyberpunk Portfolio | Codrops Lusion: Where Digital Craft Meets Ambitious Experimentation | Codrops The Exat Microsite: Pushing a Typography Showcase to New Creative Extremes | Codrops A Single DM, a First SOTD, and the Start of Chanh M. Ho’s Creative Journey | Codrops Creating Custom Page Transitions in Astro with Barba.js and GSAP | Codrops R—K ’26: The Thinking and Code Behind a Portfolio Led by Presence | Codrops Building the Maxima Therapy Website: React, GSAP, and Dabbling with AI | Codrops Where Engineering Meets Craft: Edoardo Lunardi’s Obsession with the Details | Codrops Animating 160,000 Cubes in Three.js to Visualize Dithering | Codrops Arnaud Rocca’s Portfolio: From a GSAP-Powered Motion System to Fluid WebGL | Codrops Where Confidence Needs No Decoration: The Malvah.Studio Story | Codrops Motion Highlights #17 | Codrops
The Art of Complex Motion: Corentin Bernadou’s World of Shaders and Experimentation | Codrops
Corentin Ber · 2026-04-16 · via Codrops

Bonjour! 👋 My name is Corentin Bernadou, a French freelance developer obsessed with animations and motion. I work with studios, agencies, companies and individuals worldwide.

A huge thanks to Codrops for the opportunity to write about my story!

My Path into Creative Development

For as long as I can remember, I never really knew what I wanted to do for a living.

My studies reflect this: I started with a degree in philosophy, then moved on to art history. At some point, I started questioning what kind of career path I wanted to pursue, so I decided to keep exploring. By chance, I ended up studying communication where I first discovered web design. That sparked something, and I naturally continued into a full design degree. After graduating with a degree in Visual & User Experience Design, I found myself frustrated that I couldn’t go further: once the design is done, what comes next?

That question pushed me to take an interest in development. I didn’t just want to imagine experiences, I wanted to build them. At first, it seemed incredibly difficult, almost impossible. But I challenged myself to learn to code on my own, starting with the basics of HTML and CSS. Along the way, I discovered the world of creative development through Codrops, Awwwards, and FWA. And I remember thinking: that’s what I want to do.

A few months later, after working steadily toward small milestones, I began transitioning from designer to developer. I set myself a new goal: to land a job as a developer. So I poured all my energy into building my very first portfolio. To my surprise, it paid off. I managed to win a Site of the Day and Developer Award on Awwwards, and I’m pretty sure that recognition played a big part in landing my first job at an agency.

And here I am, six years later, taking on a new personal challenge: freelancing.

Learning & Experiments

To me, development (and creative work in general) is one of those fields with no ceiling. Early on in my career, I realized I’d never reach a point where I could say “I know enough now, I’m done!”. And honestly? That’s what motivates me every day, the excitement of asking myself: what am I going to learn today? Of course, being a developer can be challenging, and sometimes technical problems have kept me up at night (laughs).

At some point during my agency years, I felt like I had hit a plateau (and with it, lost some of the passion that had driven me). So I set myself a new challenge: learning how to create more complex animations, using WebGL. After getting to grips with the basics, I started building experiments and sharing them on social media, almost like a diary. My first posts reached an audience I never thought possible just by posting my explorations, especially on X (Twitter). Honestly, that’s what kept me going — and what pushed me to keep sharing.

Here are some of my first explorations:

Creating complex animations with some deformations was something I really wanted to master, so I spent a lot of time on it. That naturally led me to tackle what many consider the steepest part of the learning curve: shaders. Thankfully, there are some great resources out there to help wrap your head around the basics (thanks to Codrops & Three.js Journey by Bruno Simon).

Here’s what I came up with:

More recently, I’ve been focusing on math for morphing and motion animations:

Stack & Setup

As a freelancer, my stack tends to shift depending on what each project calls for. After years working with vanilla JavaScript and custom WordPress setups, I’ve been moving toward Nuxt.js paired with a headless CMS like Prismic or Sanity. For the animations, GSAP has always been my go-to, and on the WebGL side I recently made the switch from OGL to Three.js.

As for tools, I rely on Notion to manage tasks and planning, Cursor for writing code, and Warp as my terminal. But honestly, my two real non-negotiables are my notebook (where I sketch out animation ideas before touching a keyboard) and Spotify — I simply can’t work (and live) without music.

Dock Preview
Preview of my dock

I’m always curious to see what designers and developers’ setups and workspaces look like. Here’s mine:

My Setup
My workstation setup
And the other side

What’s next

Honestly? I’m not sure, and I love that.

A lot of my explorations start with a simple “what if I tried this today?” moment while browsing for inspiration. That spontaneity is something I want to keep.

What I do know is that I’m still at the beginning. There’s so much left to explore: more complex animations, new techniques, ideas I haven’t even discovered yet. Recently, I’ve also developed a growing interest in back-end development. It might seem like a different direction, but it’s just another layer to explore.

I hope freelancing gives me the space to keep learning, experimenting, and creating freely — and maybe, along the way, find the right people to work with. If I can make a living doing something that genuinely excites me every day, that feels like the kind of success I’m looking for.

Final Thoughts

If there’s one thing I’d pass on, it’s this: don’t wait until you feel ready to start learning something new. The resources are out there, more accessible than ever. If you ever feel stuck or uninspired in your work, that restlessness is probably a sign worth listening to.

That’s all, folks! Thanks again to Manoela and Codrops for letting me write about my journey here. If you ever want to work or collaborate with me, or just share what you’re working on — you can find me on X (Twitter), Instagram and LinkedIn.