Learning is a Journey; Intentional Practice is a Catalyst

Tech Debrief

Building an IP Lookup tool with HTMX & Symfony

Mar 22^nd, 2024

Having now built a static blog, I was curious to see how I could use HTMX to build a dynamic web application. To test this, I decided to re-write a tool which I had built in the past using React/Flask: an IP Lookup tool. I did this re-write using HTMX and Symfony in order to explore how HTMX could be used to build dynamic web applications. This article will cover the process of building this tool, and the lessons I learned along the way.

Read More

Tech Exploration Plan

HTMX: My next step into frameworkless web development

Feb 27^th, 2024

After building this blog site without a framework, I'm very excited to explore building web applications without a framework. Something I realized while building the site is that using HTML to record the state of the application is a very intuitive way to build (at the very least) simple web apps. I want to explore using HTMX, as this idea appears to be at it's core.

Read More

Tech Debrief

Why use a framework?

Feb 20^th, 2024

When building web-apps in the past, I've always leaned into using a framework for the convenience they provide. For my blog, I decided that I was going to explore what building without a framework looks like to see if I can justify needing one in the first place.

Read More

Code

Building Markdown to HTML with Vite

Feb 19^th, 2024

I find that I often need to write simple pages of content in my projects. Usually I'd just reach for writing some custom HTML, but while I was working on this blog, I realized that Markdown might be a better choice for this. In this article, I show you how I build my markdown files directly to HTML, which can then be served statically!

Read More

Code

Web Components with Vite

Feb 14^th, 2024

Usually when working with vanilla web components, you need to include a template string within your JavaScript to define the component's HTML. In this article, I explore using Vite to build web components with a separate HTML file.

Read More