Dev

updated to 7.39b :/

finally wrote up making a 3D split flap display! ✈️

👉 open.substack.com/pub/craftofui/p/time-travel-with-javascript

What a landing page !

Meme triptych of Paul Atreides and Duke Leto talking on the planet Caladan Text: I didn't get all the details, but we're definitely walking into a trap!! How do you know that? Rabban added me to the group chat.

Stolen from Dune Sietchposting

it really is

Be careful about kids using these tools too much. When I was that age I had the same types of questions and I had to research and read to get the answers. Or have conversations with adults about those topics. If a robot just gives them the answers, they won't learn how to find them for themselves.

Wow that’s so cool, I love the purple glow separating the air from the water, really makes you appreciate the subtle blur

YouTube video by DevOps Toolbox 7 Amazing Terminal API Tools You Need To Try

Literally just watched this youtu.be/eyXxEBZMVQI?..., plenty of tools here I wanna test out here before I swap my emulator 😭

It’s the only place where I can completely prioritize perfection over everything else, obsess over each part of my code

So called experienced engineers who don't realize that architectures are a bunch of tradeoffs and boldly claim that one architecture can "do anything"

🚀 Introducing <AnimateNumber />

A Motion+ React component for making beautiful number animations. Based on @barvian.me's NumberFlow, this version is built entirely on Motion, so existing users can use it for just +2.5kb.

motion.dev/docs/react-animate-number

Standard Schema A common interface for TypeScript validation libraries

BIG DAY 😇

Introducing Standard Schema! It’s a specification for a standard interface to be implemented by TypeScript schema libraries. The goal is to make it easier for frameworks and tools to accept user-defined schemas, without writing separate adapters for different libraries.
standardschema.dev

I've completed "Code Chronicle" - Day 25 - Advent of Code 2024 #AdventOfCode adventofcode.com/2024/day/25

YAAAAAY ! Just under a month later, but I've managed to complete it all for the first time. Thank you so much for @was.tl and his christmas helpers for putting this together.
The perfect warm up before I start hunting for a new job !

curved scrollbar: completed it ✅

CSS + SVG to animate stroke-dashoffset combined with scroll-snap

extra bonus: use a scroll animation to toggle scroll-snap at either end of the scroller

Set - JavaScript | MDN The Set object lets you store unique values of any type, whether primitive values or object references.

Yep (for the isSubsetOf function) ! Sets have been around for sometime in js, but it wasn't possible to do set theory stuff till recently, june of last year developer.mozilla.org/en-US/docs/W...

one more day ! Part 2 was quite cumbersome, and I did it mostly by hand to identify which wires were crossed. I wanna reattempt this later to find a general solution
I just completed "Crossed Wires" - Day 24 - Advent of Code 2024 #AdventOfCode adventofcode.com/2024/day/24

just used them to solve an AOC challenge !! The 'subsetOf' is exactly what i needed 🤩

I did learn about something called the Bron-Kerbosch algorithm from claude that I wanna try revisiting and implementing for part 2

Almost at the finish line, I decided to use sets along with the new JS features of set intersection to find this solution. It wasn't really a hard problem but a bit tricky to visualize it.

I've completed "LAN Party" - Day 23 - Advent of Code 2024 #AdventOfCode adventofcode.com/2024/day/23

and ended up completing part 2 in the time it took for my unoptimized solution to finish !

Part one was super easy and so I wrote an unoptimised solution for part 2. It was taking too long, and i ended up optimizing my data structures for part 2,

I've completed "Monkey Market" - Day 22 - Advent of Code 2024 #AdventOfCode adventofcode.com/2024/day/22

- i did have to resort to a very good guide that explained the process but not the answer on reddit. After I'm done with 25, I'll come back to this and implement this solution into my state machine

Part 1 was a really fun exercise in making my own state machine, since xstate couldn't do what I had in mind. However, it obviously didn't scale for part 2

I've completed "Keypad Conundrum" - Day 21 - Advent of Code 2024 #AdventOfCode adventofcode.com/2024/day/21

ugh its so annoying when my code works on my test input but not the actual input - I had not made the manhattan distance an absolute value !

I just completed "Race Condition" - Day 20 - Advent of Code 2024 #AdventOfCode adventofcode.com/2024/day/20

yay yet another day, wonderful opportunity to learn about trie's / prefix trees. This was a perfect use case for that.

I've completed "Linen Layout" - Day 19 - Advent of Code 2024 #AdventOfCode adventofcode.com/2024/day/19

phew an easy question finally ! Or maybe it was easy since I spent 10 days on the previous path finding question implementing dijkstras countless times.

I just completed "RAM Run" - Day 18 - Advent of Code 2024 #AdventOfCode adventofcode.com/2024/day/18

Amazing problem, part 1 was perfect for a state-machine while part 2 was quite meta - it appears as a brute force problem but that's not possible !

I just completed "Chronospatial Computer" - Day 17 - Advent of Code 2024 #AdventOfCode adventofcode.com/2024/day/17

I just completed "Reindeer Maze" - Day 16 - Advent of Code 2024 #AdventOfCode adventofcode.com/2024/day/16

goodness i've been stuck for like 10 days, turns out i just had to also include directional awareness when keeping track of minimum distances 🤦

I've completed "Warehouse Woes" - Day 15 - Advent of Code 2024 #AdventOfCode adventofcode.com/2024/day/15

The wording for part 2's calculation feels misleading, I thought it meant that it was the closer of the left or right wall, but it was just the same calculation as part 1 !