Nanda Syahrasyad
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
more progress on svg-animations.how's new site — now with built-in regional pricing!
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
credit where credit is due, very very inspired (honestly borderline copying 😭) from www.bf.inc/
Nanda Syahrasyad reposted
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. 😬
Tutorials used to create tutorial hell, but I feel like after quite a few recent conversations, there is a new "hell" for beginners. ChatGPT Hell. I am meeting so many beginners that rely on ChatGPT to deliver all of the code and answers but they do not know what is going:
back to doing work on nan.fyi, starting with reviving a databases post from ~2.5 years back:
a major goal this year is to go back to nan.fyi — drafted this redesign but not sure if too much motion 🤔
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
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):
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
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
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:
Nanda Syahrasyad reposted
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
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
sign up for the mailing list to get notified when it's out :) svg-animations.how
Nanda Syahrasyad reposted
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
way too used to pleasing The Algorithm 😅 the link if anyone is interested! svg-animations.how
Little interactive component I made for the next section of Interactive SVG Animations - out next Friday!
Nanda Syahrasyad reposted
You are up to date.