Nanda Syahrasyad
nan.fyi
Nanda Syahrasyad
@nan.fyi
occasional writer @ nan.fyi
New website, new domain, new discount!

Did a complete overhaul for Interactive SVG Animations' landing page, complete with a brand new (and much shorter!) domain.

To celebrate (also as it's BFCM :) ), the entire course will be 20% off until next Friday!

svg.guide
November 27, 2025 at 3:30 PM
November 13, 2025 at 3:30 PM
more progress on svg-animations.how's new site — now with built-in regional pricing!
November 7, 2025 at 4:00 PM
fun with presence
October 14, 2025 at 3:00 PM
running
October 13, 2025 at 3:00 PM
finally hit an aesthetic for my japanese learning app that im happy with

(i swear i'll actually start learning and not redesign the same app 100x)
April 11, 2025 at 3:30 PM
back to doing work on nan.fyi, starting with reviving a databases post from ~2.5 years back:
January 5, 2025 at 4:00 PM
a major goal this year is to go back to nan.fyi — drafted this redesign but not sure if too much motion 🤔
January 2, 2025 at 8:37 PM
The course is built on a bespoke learning platform that has visuals and interactivity at its core.

Each lesson comes with various visuals that change with the text and animations that respond to your input:
December 27, 2024 at 4:30 PM
Interactive SVG Animations is now live!

Everything I know about SVGs, distilled into five modules covering everything from syntax, advanced SVG features, peformance characteristics and more!

You can preview the first lesson right here (desktop-only atm!)
svg-animations.how/preview
December 27, 2024 at 4:30 PM
not entirely set in stone with the growing bars yet but i am pretty happy with this:
December 23, 2024 at 4:00 PM
making the `feColorMatrix` section for svg-animations.how was pretty tricky because I had to figure out how to explain it without diving too deeply into matrix algebra 😅

pretty happy with this one though:
December 17, 2024 at 4:00 PM
New Interactive SVG Animations update!

In the first out of the three "SVG Details" sections, we talk about gradients, masks, and all the ways you can use them to animate some pretty cool effects!

Check it out:
svg-animations.how
December 9, 2024 at 6:14 PM
Using Outside™ as a reference
December 4, 2024 at 2:23 AM
I started off writing this gradients piece thinking I'd have too little to write about, but now I'm fairly sure it's the longest part of the course 🤔

Anyways, little preview!
December 2, 2024 at 4:00 PM
made a few more transitions for the next part on gradients!
December 1, 2024 at 4:00 PM
made an unnecessary transition yesterday
November 29, 2024 at 5:00 PM