tom's blobs

Tiny important steps

Frames within frames, each one misaligned yet all rotated around the same center. Text: "100 Days of Design", within the black middle rectangle. Text: "Day 4" broken up into "Day" and "4", sitting on adjacent edges of the next outer layer.

Today was a low energy day due to sleep deprivation. That’s not totally a bad thing. I felt too tired to stress, too slow to rush like usual. It’s nice to have a day where I work in a chill way towards some realistic goals. In fact, I got as many todo-items checked off today as ever - mostly setting up my dev ennvironment, plugin by plugin. My girlfriend said you’re doing tiny important steps. 💚

For context: as I write this, the blog is still not online. Well, it technically is, but I haven’t announced it yet. It looks, well, not very good. It’s barely a webpage, but still - I’m almost ready to give it the old shoutout. I just wanna make it look coherent and a little prettier. I’ve got my designs in Figma, they just have to be implemented. So I was researching CSS frameworks/engines/preprocessors today.

Think I’m gonna go with Tailwind for now, just because the integration with Astro is easier as of the time of writing. I’m done with set up, researching frameworks, debugging plugins.

That’s kind of it. A part of me would have liked to have gone ahead and styled this blog, like I had intended to do today. Come to think of it, I kind of veered off of that goal. Not sure why I felt that this was the day to set up my IDE. But the great thing about being thoroughly sleep-deprived - I feel too tired to be disappointed.

Off to the depths of my comfort zone: eating a sandwich and watching Ross’s Game Dungeon

Day 3

Rectangles of red, like columns, with 3 little spaces between them that get progressively bigger. Or are the gaps in fact the columns that hold everything up? To the left, a slim canary yellow bar tilted, as if falling over. Text: "Day 3. 100 Days of Design"

I feel slightly, uhm, dissatisfied with the design for the landing page. I tell myself it’s a rough sketch. It lives in Figma. I’m slightly proud of my component setup, using some atomic design principles. It’s really cool to see changes made to an individual part (like this piece of text) ripple down and spread to all posts in the prototype. I’m gonna start implementing this in CSS tomorrow. I gave up the idea that the design has to be perfect before building it. And it feels so freeing (thank you, Refactoring UI) Iteration, baby. Itration, bab. Filtration, bb. Get rid of the ideas that are stopping You (I feel like I should be saying this through a megaphone, but not in a good way). Kind of curious to see where this will go.

Day 2

A squarish light image with a light background, tearing open to reveal a yellowish underlayer. The tear going from the lower left corner diagonally to the right edge of the image. Text: In the upper left '100 Days of Design 1' - in a neutral rounded thin sans-serif type, in the lower left '100 Days of Design' - in a big bold flesh-colored type, interacting with the tear and the background to be partly outline, partly fully revealed

A lot of techy stuff. It’s been 2 days of setup - researching SSGs, trying them out, doing some frustrates. But it’s done. I feel like I can work with Astro. I see some Figma designing and CSS styling in my future.

Day 1

A squarish image with a light background and dark horizontal lines converging as if looking at the horizon. A reddish sun is rising. Text: In the upper left 'Day 1', in the lower right '100 Days of Design'