iiinova — where your digital self keeps evolving

Nanda Syahrasyad @nan.fyi · 25/12/2025

no svgs here, which means the animation and layout code gets much simpler!

130

Nanda Syahrasyad @nan.fyi · 17/12/2025

in workflow land for a bit

030

Nanda Syahrasyad @nan.fyi · 27/11/2025

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

1213

Nanda Syahrasyad @nan.fyi · 07/11/2025

more progress on svg-animations.how's new site — now with built-in regional pricing!

020

Nanda Syahrasyad @nan.fyi · 23/10/2025

some design fixes on the workers metrics tab - scrollable overflow to the right and styled selects (after/before)

130

Nanda Syahrasyad @nan.fyi · 21/10/2025

New post 🎉 Going back to my roots on writing about the inner workings of things, a breakdown of key-value databases and how you might make one from scratch: nan.fyi/database

111518

Nanda Syahrasyad @nan.fyi · 11/10/2025

experimenting with grey

140

Nanda Syahrasyad @nan.fyi · 11/04/2025

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)

280

Nanda Syahrasyad @nan.fyi · 05/01/2025

back to doing work on nan.fyi, starting with reviving a databases post from ~2.5 years back:

090

Nanda Syahrasyad @nan.fyi · 02/01/2025

a major goal this year is to go back to nan.fyi — drafted this redesign but not sure if too much motion 🤔

2140

Nanda Syahrasyad @nan.fyi · 27/12/2024

Each lesson also comes with interactive sandboxes that let you apply the topic we just covered in code. In one exercise, we animate a chart from fey.com (h/t to @tcosta_co and @brotzky_ here):

130

Nanda Syahrasyad @nan.fyi · 27/12/2024

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:

151

Nanda Syahrasyad @nan.fyi · 27/12/2024

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

520624

Nanda Syahrasyad @nan.fyi · 23/12/2024

not entirely set in stone with the growing bars yet but i am pretty happy with this:

040

Nanda Syahrasyad @nan.fyi · 17/12/2024

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:

040

Nanda Syahrasyad @nan.fyi · 09/12/2024

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

2233

Nanda Syahrasyad @nan.fyi · 04/12/2024

Using Outside™ as a reference

040

Nanda Syahrasyad @nan.fyi · 02/12/2024

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!

070

Nanda Syahrasyad @nan.fyi · 01/12/2024

made a few more transitions for the next part on gradients!

140

Nanda Syahrasyad @nan.fyi · 29/11/2024

made an unnecessary transition yesterday

050

Nanda Syahrasyad @nan.fyi · 22/11/2024

This update includes one of my favourite interactive components that I've made to date: this path diffing tool!

050

Nanda Syahrasyad @nan.fyi · 22/11/2024

The next part of Interactive SVG Animations is now live! In this section, we finish up the paths module with morph animations—how do you get a shape to shapeshift to another? svg-animations.how

1243

Nanda Syahrasyad @nan.fyi · 14/11/2024

am i a senior engineer yet

A slack message where I said "hey! the answer unfortunately is “it depends” what are you looking to do?"

110

Nanda Syahrasyad @nan.fyi · 13/11/2024

Little interactive component I made for the next section of Interactive SVG Animations - out next Friday!

2150