Carl S: Helping you discover the joy of Creative Coding with GSAP, JavaScript, and CSS (at times). Start learning GSAP for FREE https://www.creativecodingclub.com/bundles/creative-coding-club https://bsky.app/profile/creativecodingclub.comhttps://bsky.app/profile/creativecodingclub.com/post/3ljsyxs7en22gCSS Viewport Height Comparison I built this demo so you can see dvh vs lvh vs svh all side by side on the same screen. Notice how the Dynamic Viewport column will change as the mobile browser UI hides and reveals itself. @codepen.io demo: https://cdpn.io/pen/debug/wBvemad07 Mar 2025 21:59 +0000at://did:plc:2ce7qayvqgmfquc32lnx2git/app.bsky.feed.post/3ljsyxs7en22ghttps://bsky.app/profile/creativecodingclub.com/post/3lfe4n57yvc2cDiving into CSS Color Mix()-ing and Dripping! Built this gizmo so that you can grab an array of colors throughout the mixing. This array is what powers my Color Dripper. Generate nice olkch "color-mixed" gradient and compare it to the muddy css version. 🚀 DEMO Mixer: https://codepen.io/snorkltv/pen/vEBdgyg10 Jan 2025 02:14 +0000at://did:plc:2ce7qayvqgmfquc32lnx2git/app.bsky.feed.post/3lfe4n57yvc2chttps://bsky.app/profile/creativecodingclub.com/post/3lf3mcng3us2qClever! And nicely done. [contains quote post or other embedded content]06 Jan 2025 17:00 +0000at://did:plc:2ce7qayvqgmfquc32lnx2git/app.bsky.feed.post/3lf3mcng3us2qhttps://bsky.app/profile/creativecodingclub.com/post/3leacvf5znk2s🚀 Creative Coding Inspiration Found this design on Canva and decided to take a stab at bringing it to life with HTML/CSS/GSAP. So many things to consider. I went with a few clip-paths. How would you do it? https://codepen.io/snorkltv/full/EaYWzVW26 Dec 2024 20:30 +0000at://did:plc:2ce7qayvqgmfquc32lnx2git/app.bsky.feed.post/3leacvf5znk2shttps://bsky.app/profile/creativecodingclub.com/post/3ldmc2wu4vs2aThis effect comes from the lovely k72.ca/en/work. At first glance it looks like a simple staggered reveal of some pinned panels. The height of each element is being adjusted based on its vertical position as you scroll 1 ScrollTrigger + a juicy onUpdate callback 🎁 demo: https://codepen.io/snorkltv/full/XJrMzXB18 Dec 2024 21:22 +0000at://did:plc:2ce7qayvqgmfquc32lnx2git/app.bsky.feed.post/3ldmc2wu4vs2ahttps://bsky.app/profile/creativecodingclub.com/post/3lcxdqmnoz22hYouTube Told me "GSAP Horizontal Scroll" was the most popular search of my content last week.Here's how to set up a fully responsive, pinned, horizontal scroll section on a vertically scrolling page https://www.youtube.com/watch?v=_LWinkSulwU10 Dec 2024 13:26 +0000at://did:plc:2ce7qayvqgmfquc32lnx2git/app.bsky.feed.post/3lcxdqmnoz22hhttps://bsky.app/profile/creativecodingclub.com/post/3lcuojnr3v22hHappy Times Ahead! [contains quote post or other embedded content]09 Dec 2024 12:01 +0000at://did:plc:2ce7qayvqgmfquc32lnx2git/app.bsky.feed.post/3lcuojnr3v22hhttps://bsky.app/profile/creativecodingclub.com/post/3lcnyym2lm22hWant to get better at JavaScript and GSAP? Build silly games. Here's Horse Race Part 2: Detecting the Loser Horse https://www.youtube.com/watch?v=UPdFVXMkXZM06 Dec 2024 20:19 +0000at://did:plc:2ce7qayvqgmfquc32lnx2git/app.bsky.feed.post/3lcnyym2lm22hhttps://bsky.app/profile/creativecodingclub.com/post/3lc4g3lttfs2eWith GSAP's repeatRefresh:true you can make a single tween have MULTIPLE end positions and delays. In the text rotator below each heading moves 100% its height up along the y axis on each repeat. Responsive Text Rotator with Seamless Looping (Low Code) https://codepen.io/snorkltv/pen/WbebYjj?editors=101029 Nov 2024 20:26 +0000at://did:plc:2ce7qayvqgmfquc32lnx2git/app.bsky.feed.post/3lc4g3lttfs2ehttps://bsky.app/profile/creativecodingclub.com/post/3lbwuk5ueb22eIf you want to master SVG animations you need to understand the viewBox and viewport. Hopefully this video helps. 🔥 Also: 99/100 FREE SVG Animation with GSAP course spots still available. See my feed for details. https://www.youtube.com/watch?v=r3lqP5KKa0A27 Nov 2024 15:29 +0000at://did:plc:2ce7qayvqgmfquc32lnx2git/app.bsky.feed.post/3lbwuk5ueb22ehttps://bsky.app/profile/creativecodingclub.com/post/3lbuhyzmgmk2cI recently challenged myself to build animations with ONLY 3 circles. Here is the complete @codepen.io collection for you to explore: https://codepen.io/collection/yrdoVZ Lots of little @gsap.com tricks in there too 😀 Each demo is fully responsive too!26 Nov 2024 16:39 +0000at://did:plc:2ce7qayvqgmfquc32lnx2git/app.bsky.feed.post/3lbuhyzmgmk2chttps://bsky.app/profile/creativecodingclub.com/post/3lbudmyerkk2fFREE SVG ANIMATION with #GSAP I didn't want to come on here with another Black Friday sale so I'm offering my COMPLETE SVG Animation course for free🔥(100 students with code: BLSKY) https://www.creativecodingclub.com/courses/svg-animation-with-greensock?src=blsky If you enroll I only ask that you please follow and repost. Thanks!26 Nov 2024 15:21 +0000at://did:plc:2ce7qayvqgmfquc32lnx2git/app.bsky.feed.post/3lbudmyerkk2fhttps://bsky.app/profile/creativecodingclub.com/post/3lbrx2rs7ri2aHello everyone. You may have known me as @snorkltv on X and YouTube. I love showing folks how to unlock the powers of GSAP and JavaScript and build fun projects with just a little code. I've got gazillions of GSAP tips and tricks to share with you here so stay tuned. https://www.youtube.com/watch?v=ZCKw3MwiI-g25 Nov 2024 16:30 +0000at://did:plc:2ce7qayvqgmfquc32lnx2git/app.bsky.feed.post/3lbrx2rs7ri2a