Sign in

Nanda Syahrasyad

@nan.fyi
2.3K followers 33 following 58 posts

occasional writer @ nan.fyi

PostsRepliesMedia
Nanda Syahrasyad @nan.fyi · 03/01/2026
dns tables
0270
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 · 25/12/2025
nested steps
1130
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 · 13/11/2025
0100
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 · 02/11/2025
sketching
070
Nanda Syahrasyad @nan.fyi · 28/10/2025
before
020
Nanda Syahrasyad @nan.fyi · 28/10/2025
active deployment card
110
Nanda Syahrasyad @nan.fyi · 23/10/2025
that active deployment card is still :pain: though, fixing that next
000
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 · 22/10/2025
it's been a hot minute! thanks for the repost josh :)
030
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 · 14/10/2025
fun with presence
1201
Nanda Syahrasyad @nan.fyi · 13/10/2025
inspired by x.com/kitlangton/... ❤️
000
Nanda Syahrasyad @nan.fyi · 13/10/2025
running
140
Nanda Syahrasyad @nan.fyi · 11/10/2025
before
010
Nanda Syahrasyad @nan.fyi · 11/10/2025
experimenting with grey
140
Nanda Syahrasyad @nan.fyi · 11/04/2025
credit where credit is due, very very inspired (honestly borderline copying 😭) from www.bf.inc/
bf.inc
Bondfire Inc.
Bondfire Inc. is a design and technology firm focused on Branding, Ecommerce, and Photography. Established 2011.
050
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
Reposted by Nanda Syahrasyad
Josh W. Comeau @joshwcomeau.com · 11/01/2025
As usual, Danny hits the nail on the head. 🔨 I’ve had to fight this temptation myself. Cursor changes 50 lines and the lazy part of my brain says "I’m sure it’s fine, just accept the changes". Seems like a great way to plateau in your growth as a developer. 😬
915020
Nanda Syahrasyad @nan.fyi · 06/01/2025
I had a version of this where I used Notion as a CMS! Would've worked well if I had actually kept up with it 😅
010
Nanda Syahrasyad @nan.fyi · 05/01/2025
this is so cute! thanks for picking it up :)
010
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 · 03/01/2025
this is so real 💀
020
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 · 02/01/2025
This is really similar to something I've been feeling recently: why can't products be "done"? e.g. Spotify - let me stream music, great! but I'm not sure it *needs* to expand to more than that, podcasts etc.
140
Nanda Syahrasyad @nan.fyi · 01/01/2025
Thanks for sharing and checking it out Josh!
010
Nanda Syahrasyad @nan.fyi · 31/12/2024
i think the most exciting thing about finishing the course is finally getting to the million projects i pushed aside in the last year and a half
040
Nanda Syahrasyad @nan.fyi · 27/12/2024
You can get the course for $119 today and get full access to all the modules right away! The price will jump to $199 USD come the new year. svg-animations.how
030
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 · 13/12/2024
this is the best thing ive seen all week
020
Reposted by Nanda Syahrasyad
Andy Bell @bell.bz · 13/12/2024
After 15+ years of teaching, architecting & delivering CSS for global organisations & startups, I’ve collated that experience into an extensive course which will take your CSS skills beyond the next level. Complete CSS has taken nearly a year to produce and it’s officially live 🎉 complete-css.com
complete-css.com
Complete CSS
A high quality, expansive CSS course that will elevate your CSS and core skills to a level you never thought was achievable.
1616017
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
Really appreciate the breakdown here! Excluding the recently-joined people is super smart, I might consider that as well for my main newsletter
010
Nanda Syahrasyad @nan.fyi · 04/12/2024
How often do you plug the course in your newsletter? I’m always scared of coming off too “salesy” 😅
100
Nanda Syahrasyad @nan.fyi · 04/12/2024
Using Outside™ as a reference
040
Nanda Syahrasyad @nan.fyi · 03/12/2024
Get it! Into the breach is my most played game on the switch (Also hits different on a flight for some reason)
120
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
sign up for the mailing list to get notified when it's out :) svg-animations.how
010
Nanda Syahrasyad @nan.fyi · 01/12/2024
made a few more transitions for the next part on gradients!
140
Nanda Syahrasyad @nan.fyi · 01/12/2024
💀💀
000
Nanda Syahrasyad @nan.fyi · 29/11/2024
made an unnecessary transition yesterday
050
Nanda Syahrasyad @nan.fyi · 27/11/2024
sleep before 12 then you wont have good ideas
110
Reposted by Nanda Syahrasyad
dan @danabra.mov · 24/11/2024
just put everything in one place. never serve more than one person at a time. if they gotta wait they gotta wait. can we do that
1723310