Back to Coding
- I finally made real progress on The Odin Project (TOP) project again this week after ~one month of very little work on it. That is embarrassing - I'm hoping that this blog will help keep me more focused by holding me accountable.
- Today I finished the Intermediate HTML and CSS Course on the Full Stack Javascript path. I deployed the final project on GitHub pages after working on it for several days. It took a lot longer than I thought it would. I ended up fighting a lot with SVG files and the Grid layout to get everything positioned correctly. I was determined to use Grid as my only display type for the project, but I think that adding some Flexbox into the mix could have helped a lot for certain parts. The project is currently fairly crude and unresponsive - I only did the basics as I'm ready to move on to the next course. I may return to the project in the future to polish it and make it responsive.
- I've been procrastinating a lot through the Intermediate HTML and CSS Course. One of the main reasons is the amount of friction I feel with CSS. I just don't find CSS that interesting. I have a few projects in mind that I want to create, and when I think about working on those projects, I generally think about their mechanics and much less about their styling. Luckily, the Javascript Course is next and that will likely be much more engaging to me based on how much I enjoyed working with JavaScript in the Foundations Course. It could also help me with writing scripts in Obsidian.
- I've used the Clockify app since I started my coding journey last year. Here is a breakdown of how my the journey has gone so far:
git commit -m
- This video by NetworkChuck has inspired me to test out a local LLM. If I understood it correctly, the video suggests that I could eventually set up an online chatbot that references my Obsidian notes for its responses. I think this is so cool - it aligns with how I want to blend my research background with my coding skills as I continue to develop them. I created a blank Local LLM.excalidraw whiteboard to add to whenever I have ideas on this.
- I added a whiteboard for my Atomic Evidence.excalidraw setup - this is my personal system for cataloging and taking notes on various pieces of evidence. It's not up-to-date with all of the inner workings of my current system, so I will need to dedicate some time to it later.
Coding Notes
- Minimum and maximum content sizes should be declared explicitly instead of relying on implicit values decided by the browser. The min() and max() functions are good to use for this. The minmax() function can also be used but only with Grid. The clamp() function appears to allow even more control since holds minimum (generally static), maximum (generally static), and "ideal" (generally dynamic) sizes for content. ref
- Pairing minmax() with auto-fit and auto-fill helps with sizing content dynamically. I don't have a great grasp on how and when to use them though. ref
- The numbers used for grid-row and grid-column indicate the starting line and ending line for the implicit Grid pattern. ref