Nanda Syahrasyad
@nan.fyi
📤 2216
📥 33
📝 54
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
loading . . .
4 days ago
1
21
4
loading . . .
18 days ago
0
10
0
more progress on
svg-animations.how
's new site — now with built-in regional pricing!
loading . . .
24 days ago
0
2
0
sketching
29 days ago
0
7
0
active deployment card
about 1 month ago
1
1
0
some design fixes on the workers metrics tab - scrollable overflow to the right and styled selects (after/before)
about 1 month ago
1
3
0
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
about 1 month ago
1
116
21
fun with presence
loading . . .
about 2 months ago
1
21
1
running
loading . . .
about 2 months ago
1
4
0
experimenting with grey
about 2 months ago
1
4
0
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)
loading . . .
8 months ago
2
9
0
reposted by
Nanda Syahrasyad
Josh W. Comeau
11 months ago
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. 😬
add a skeleton here at some point
9
150
22
back to doing work on
nan.fyi
, starting with reviving a databases post from ~2.5 years back:
loading . . .
11 months ago
0
9
0
a major goal this year is to go back to
nan.fyi
— drafted this redesign but not sure if too much motion 🤔
loading . . .
11 months ago
2
14
0
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
11 months ago
0
4
0
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
loading . . .
11 months ago
5
206
24
not entirely set in stone with the growing bars yet but i am pretty happy with this:
loading . . .
11 months ago
0
4
0
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:
loading . . .
12 months ago
0
4
0
reposted by
Nanda Syahrasyad
Andy Bell
12 months ago
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
loading . . .
Complete CSS
A high quality, expansive CSS course that will elevate your CSS and core skills to a level you never thought was achievable.
https://complete-css.com
14
135
23
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
loading . . .
12 months ago
2
23
3
Using Outside™ as a reference
loading . . .
12 months ago
0
4
0
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!
loading . . .
12 months ago
0
7
0
made a few more transitions for the next part on gradients!
loading . . .
about 1 year ago
1
4
0
made an unnecessary transition yesterday
loading . . .
about 1 year ago
0
5
0
reposted by
Nanda Syahrasyad
dan
about 1 year ago
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
17
233
10
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
loading . . .
about 1 year ago
1
24
3
way too used to pleasing The Algorithm 😅 the link if anyone is interested!
svg-animations.how
add a skeleton here at some point
about 1 year ago
0
14
3
reposted by
Nanda Syahrasyad
Pokémon Gems
about 1 year ago
32
2724
476
am i a senior engineer yet
about 1 year ago
1
1
0
Little interactive component I made for the next section of Interactive SVG Animations - out next Friday!
loading . . .
about 1 year ago
2
15
1
I feel this so much, building a course has honestly been the most difficult thing I've done ever
add a skeleton here at some point
about 1 year ago
0
7
0
finding it very difficult to continue working rn
add a skeleton here at some point
about 1 year ago
2
11
0
Sunny 30C in Vancouver means a 6 hour waitlist for brunch 🥴
over 2 years ago
0
0
0
you reached the end!!
feeds!
log in