#gsap — Public Fediverse posts

🎚️ The default skill reads the brief, infers a design language and tunes three 1-10 dials: DESIGN_VARIANCE (centered vs asymmetric), MOTION_INTENSITY (hover vs scroll/magnetic) and VISUAL_DENSITY (spacious vs dense dashboards)

🔧 v2 of the default skill is a rewrite: brief inference, a design-system map, a hard em-dash ban, canonical #GSAP code skeletons, a redesign-audit protocol and a strict pre-flight check. v1 stays installable for anyone depending on its exact behavior

🎚️ The default skill reads the brief, infers a design language and tunes three 1-10 dials: DESIGN_VARIANCE (centered vs asymmetric), MOTION_INTENSITY (hover vs scroll/magnetic) and VISUAL_DENSITY (spacious vs dense dashboards)

🔧 v2 of the default skill is a rewrite: brief inference, a design-system map, a hard em-dash ban, canonical #GSAP code skeletons, a redesign-audit protocol and a strict pre-flight check. v1 stays installable for anyone depending on its exact behavior

🎚️ The default skill reads the brief, infers a design language and tunes three 1-10 dials: DESIGN_VARIANCE (centered vs asymmetric), MOTION_INTENSITY (hover vs scroll/magnetic) and VISUAL_DENSITY (spacious vs dense dashboards)

🔧 v2 of the default skill is a rewrite: brief inference, a design-system map, a hard em-dash ban, canonical #GSAP code skeletons, a redesign-audit protocol and a strict pre-flight check. v1 stays installable for anyone depending on its exact behavior

🎚️ The default skill reads the brief, infers a design language and tunes three 1-10 dials: DESIGN_VARIANCE (centered vs asymmetric), MOTION_INTENSITY (hover vs scroll/magnetic) and VISUAL_DENSITY (spacious vs dense dashboards)

🔧 v2 of the default skill is a rewrite: brief inference, a design-system map, a hard em-dash ban, canonical #GSAP code skeletons, a redesign-audit protocol and a strict pre-flight check. v1 stays installable for anyone depending on its exact behavior

🎚️ The default skill reads the brief, infers a design language and tunes three 1-10 dials: DESIGN_VARIANCE (centered vs asymmetric), MOTION_INTENSITY (hover vs scroll/magnetic) and VISUAL_DENSITY (spacious vs dense dashboards)

🔧 v2 of the default skill is a rewrite: brief inference, a design-system map, a hard em-dash ban, canonical #GSAP code skeletons, a redesign-audit protocol and a strict pre-flight check. v1 stays installable for anyone depending on its exact behavior

So the idea here for the prose section is that it's your standard text-heavy interactive fiction with character portraits and emote stickers activated by GSAP scroll triggers.

I'd like to be able to trigger sound and CSS animations by the scroll triggers too. Got some fun dynamic-text stuff going on either with the built-in macros or with CSS & JS.

#GameDev #Twine #Twinery #GSAP #InteractiveFiction #VisualNovel

So the idea here for the prose section is that it's your standard text-heavy interactive fiction with character portraits and emote stickers activated by GSAP scroll triggers.

I'd like to be able to trigger sound and CSS animations by the scroll triggers too. Got some fun dynamic-text stuff going on either with the built-in macros or with CSS & JS.

#GameDev #Twine #Twinery #GSAP #InteractiveFiction #VisualNovel

So the idea here for the prose section is that it's your standard text-heavy interactive fiction with character portraits and emote stickers activated by GSAP scroll triggers.

I'd like to be able to trigger sound and CSS animations by the scroll triggers too. Got some fun dynamic-text stuff going on either with the built-in macros or with CSS & JS.

#GameDev #Twine #Twinery #GSAP #InteractiveFiction #VisualNovel

#Development #Comparisons
CSS vs. JavaScript · Animation performance is more nuanced than expected https://ilo.im/16d8gb

_____
#Animations #Transitions #Motion #GSAP #APIs #WebPerf #WebDev #Frontend #CSS #JavaScript

#Development #Comparisons
CSS vs. JavaScript · Animation performance is more nuanced than expected https://ilo.im/16d8gb

_____
#Animations #Transitions #Motion #GSAP #APIs #WebPerf #WebDev #Frontend #CSS #JavaScript

#Development #Comparisons
CSS vs. JavaScript · Animation performance is more nuanced than expected https://ilo.im/16d8gb

_____
#Animations #Transitions #Motion #GSAP #APIs #WebPerf #WebDev #Frontend #CSS #JavaScript

#Development #Comparisons
CSS vs. JavaScript · Animation performance is more nuanced than expected https://ilo.im/16d8gb

_____
#Animations #Transitions #Motion #GSAP #APIs #WebPerf #WebDev #Frontend #CSS #JavaScript

Appleのような極上のスクロール体験を！GSAP ScrollSmootherの導入から実践まで
https://qiita.com/nhatcaofedev/items/c0b02dcff62e795a2b3b?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #JavaScript #フロントエンド #React #Next_js #gsap

Appleのような極上のスクロール体験を！GSAP ScrollSmootherの導入から実践まで
https://qiita.com/nhatcaofedev/items/c0b02dcff62e795a2b3b?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #JavaScript #フロントエンド #React #Next_js #gsap

Well, that’s that. Back home from the last ever (maybe?!) #AllDayHey conference in Leeds. Tired but happy, mind buzzing, with just about enough gas left in the left in the tank to publish my thoughts on why in-person events still matter, and say a big thanks to @joshnesbitt for putting on another absolute kaleidoscope of ideas, talent and joy…

https://damianwalsh.co.uk/posts/fieldnotes-from-all-day-hey/

#css #webdev #tech #accessibility #gsap #audio #video #psychology

Well, that’s that. Back home from the last ever (maybe?!) #AllDayHey conference in Leeds. Tired but happy, mind buzzing, with just about enough gas left in the left in the tank to publish my thoughts on why in-person events still matter, and say a big thanks to @joshnesbitt for putting on another absolute kaleidoscope of ideas, talent and joy…

https://damianwalsh.co.uk/posts/fieldnotes-from-all-day-hey/

#css #webdev #tech #accessibility #gsap #audio #video #psychology

Well, that’s that. Back home from the last ever (maybe?!) #AllDayHey conference in Leeds. Tired but happy, mind buzzing, with just about enough gas left in the left in the tank to publish my thoughts on why in-person events still matter, and say a big thanks to @joshnesbitt for putting on another absolute kaleidoscope of ideas, talent and joy…

https://damianwalsh.co.uk/posts/fieldnotes-from-all-day-hey/

#css #webdev #tech #accessibility #gsap #audio #video #psychology

Well, that’s that. Back home from the last ever (maybe?!) #AllDayHey conference in Leeds. Tired but happy, mind buzzing, with just about enough gas left in the left in the tank to publish my thoughts on why in-person events still matter, and say a big thanks to @joshnesbitt for putting on another absolute kaleidoscope of ideas, talent and joy…

https://damianwalsh.co.uk/posts/fieldnotes-from-all-day-hey/

#css #webdev #tech #accessibility #gsap #audio #video #psychology

Well, that’s that. Back home from the last ever (maybe?!) #AllDayHey conference in Leeds. Tired but happy, mind buzzing, with just about enough gas left in the left in the tank to publish my thoughts on why in-person events still matter, and say a big thanks to @joshnesbitt for putting on another absolute kaleidoscope of ideas, talent and joy…

https://damianwalsh.co.uk/posts/fieldnotes-from-all-day-hey/

#css #webdev #tech #accessibility #gsap #audio #video #psychology

Creating Custom Page Transitions in Astro With Barba.js and GSAP, by @codrops:

https://tympanus.net/codrops/2026/04/08/creating-custom-page-transitions-in-astro-with-barba-js-and-gsap/

#astro #gsap #tooling #animations #javascript

Creating Custom Page Transitions in Astro With Barba.js and GSAP, by @codrops:

https://tympanus.net/codrops/2026/04/08/creating-custom-page-transitions-in-astro-with-barba-js-and-gsap/

#astro #gsap #tooling #animations #javascript

Creating Custom Page Transitions in Astro With Barba.js and GSAP, by @codrops:

https://tympanus.net/codrops/2026/04/08/creating-custom-page-transitions-in-astro-with-barba-js-and-gsap/

#astro #gsap #tooling #animations #javascript

Creating Custom Page Transitions in Astro With Barba.js and GSAP, by @codrops:

https://tympanus.net/codrops/2026/04/08/creating-custom-page-transitions-in-astro-with-barba-js-and-gsap/

#astro #gsap #tooling #animations #javascript

Creating Custom Page Transitions in Astro With Barba.js and GSAP, by @codrops:

https://tympanus.net/codrops/2026/04/08/creating-custom-page-transitions-in-astro-with-barba-js-and-gsap/

#astro #gsap #tooling #animations #javascript

#Development #Overviews
The great CSS expansion · How modern CSS reduces the need for JavaScript https://ilo.im/16bpqd

_____
#ModernCSS #Libraries #MotionJS #GSAP #React #WebPerf #WebDev #Frontend #CSS #JavaScript

#Development #Overviews
The great CSS expansion · How modern CSS reduces the need for JavaScript https://ilo.im/16bpqd

_____
#ModernCSS #Libraries #MotionJS #GSAP #React #WebPerf #WebDev #Frontend #CSS #JavaScript

#Development #Overviews
The great CSS expansion · How modern CSS reduces the need for JavaScript https://ilo.im/16bpqd

_____
#ModernCSS #Libraries #MotionJS #GSAP #React #WebPerf #WebDev #Frontend #CSS #JavaScript

#Development #Overviews
The great CSS expansion · How modern CSS reduces the need for JavaScript https://ilo.im/16bpqd

_____
#ModernCSS #Libraries #MotionJS #GSAP #React #WebPerf #WebDev #Frontend #CSS #JavaScript

GSAP ScrollTrigger List Expansion
Scroll reveals structure.
[HTML + CSS]
ScrollTrigger expands the list dynamically. Hardware-accelerated math. Zero layout shifts.
Source: https://freefrontend.com/code/gsap-scrolltrigger-list-expansion-2026-03-20/
#GSAP #UI #CSS

GSAP ScrollTrigger List Expansion
Scroll reveals structure.
[HTML + CSS]
ScrollTrigger expands the list dynamically. Hardware-accelerated math. Zero layout shifts.
Source: https://freefrontend.com/code/gsap-scrolltrigger-list-expansion-2026-03-20/
#GSAP #UI #CSS

GSAP ScrollTrigger List Expansion
Scroll reveals structure.
[HTML + CSS]
ScrollTrigger expands the list dynamically. Hardware-accelerated math. Zero layout shifts.
Source: https://freefrontend.com/code/gsap-scrolltrigger-list-expansion-2026-03-20/
#GSAP #UI #CSS

Sticky Grid Scroll: Building a Scroll-Driven Animated Grid, by @theoplawinski.com (@codrops):

https://tympanus.net/codrops/2026/03/02/sticky-grid-scroll-building-a-scroll-driven-animated-grid/?_bhlid=8425eb318a74bb38eff9c01ff5ae8002f772b97e

#tutorials #css #grids #layout #scrolling #gsap

Sticky Grid Scroll: Building a Scroll-Driven Animated Grid, by @theoplawinski.com (@codrops):

https://tympanus.net/codrops/2026/03/02/sticky-grid-scroll-building-a-scroll-driven-animated-grid/?_bhlid=8425eb318a74bb38eff9c01ff5ae8002f772b97e

#tutorials #css #grids #layout #scrolling #gsap

Sticky Grid Scroll: Building a Scroll-Driven Animated Grid, by @theoplawinski.com (@codrops):

https://tympanus.net/codrops/2026/03/02/sticky-grid-scroll-building-a-scroll-driven-animated-grid/?_bhlid=8425eb318a74bb38eff9c01ff5ae8002f772b97e

#tutorials #css #grids #layout #scrolling #gsap

Sticky Grid Scroll: Building a Scroll-Driven Animated Grid, by @theoplawinski.com (@codrops):

https://tympanus.net/codrops/2026/03/02/sticky-grid-scroll-building-a-scroll-driven-animated-grid/?_bhlid=8425eb318a74bb38eff9c01ff5ae8002f772b97e

#tutorials #css #grids #layout #scrolling #gsap

Sticky Grid Scroll: Building a Scroll-Driven Animated Grid, by @theoplawinski.com (@codrops):

https://tympanus.net/codrops/2026/03/02/sticky-grid-scroll-building-a-scroll-driven-animated-grid/?_bhlid=8425eb318a74bb38eff9c01ff5ae8002f772b97e

#tutorials #css #grids #layout #scrolling #gsap

Pixora – Creative Agency & Portfolio HTML Template

Your website should do more than show work — it should create an experience.

With 19+ Home Pages, powerful GSAP & Three.js animations, interactive ripple effects, and a fully responsive layout, Pixora helps you build a bold and modern online presence.

⚡ 59+ HTML5 Pages
🧩 100+ Creative Sections
🌍 RTL Ready
🔧 Built with Bootstrap 5

🔗 Get it now: https://themeforest.net/item/pixora-creative-agency-portfolio-html-template/60453505?utm_source=chatgpt.com

#Pixora #PortfolioWebsite #Bootstrap5 #GSAP #ThreeJS

Spiral Scrollytelling in CSS With “sibling-index()”, by @csstricks:

https://css-tricks.com/spiral-scrollytelling-in-css-with-sibling-index/

#css #functions #scrolling #gsap

Spiral Scrollytelling in CSS With “sibling-index()”, by @csstricks:

https://css-tricks.com/spiral-scrollytelling-in-css-with-sibling-index/

#css #functions #scrolling #gsap

Spiral Scrollytelling in CSS With “sibling-index()”, by @csstricks:

https://css-tricks.com/spiral-scrollytelling-in-css-with-sibling-index/

#css #functions #scrolling #gsap

Spiral Scrollytelling in CSS With “sibling-index()”, by @csstricks:

https://css-tricks.com/spiral-scrollytelling-in-css-with-sibling-index/

#css #functions #scrolling #gsap