Blog



  • Git Bisect – Using a Binary Search Tool to Find A Bugs Initial Occurrence

    Git Bisect – Using a Binary Search Tool to Find A Bugs Initial Occurrence

    t bisect is a powerful tool built into Git that helps identify the specific commit that introduced a bug or regression. It automates a binary search across your commit history, quickly narrowing down to the first “bad” commit.

    Read More


  • Getting Started with TensorFlow.js – Real-Time Object Detection

    Getting Started with TensorFlow.js – Real-Time Object Detection

    Ever wondered how object detection works in web applications? With TensorFlow.js, you can leverage pre-trained models to build powerful machine learning applications directly in the browser. In this guide, I’ll walk you through creating a real-time object detection app using TensorFlow.js and the pre-trained Coco-SSD model. This project is beginner-friendly and perfect for exploring the […]

    Read More


  • Building Spindle, an Open Source Web-Based Layout Builder

    Building Spindle, an Open Source Web-Based Layout Builder

    In early June I stumbled across Layouts.dev, a visual layout builder that offered a fast way to scaffold UIs with drag-and-drop ease. The concept was great—but I wanted something more open, developer-first, and extensible. Something that could be used like a real tool, not just a toy. That moment kicked off a journey to create Spindle—a blazing-fast, open-source layout builder designed for engineers to prototype components and templates with minimal friction. This blog post walks through the inspiration, research, naming conventions, and technical planning that shaped Spindle into a real, usable tool.

    Read More


  • Why I Still Build Sites in WordPress

    Why I Still Build Sites in WordPress

    (Even Though I Could Use Anything Else) As a frontend engineer with years of experience across JavaScript frameworks, headless CMS architectures, and static site generators, I often get asked: “Why are you still using WordPress for your own site?” It’s a fair question—especially when tools like Next.js, Astro, Sanity, and even Notion-as-CMS are all gaining […]

    Read More


  • Running DeepSeek-R1 Locally

    Running DeepSeek-R1 Locally

    Install Ollama by downloading the appropriate installer from their website.https://ollama.com/download After first-run installation it’ll ask you to install your first model, you can use their suggestion or you can install deepseek instead! Install Deepseek-R1 using ollama Once this is complete you can run and interact with deepseek in your own local environment If you’re interested […]

    Read More


  • Full-Width elements inside Fixed-width containers

    Full-Width elements inside Fixed-width containers

    When working in the frontend, I often come across a common challenge: adding a full-width element inside a fixed-width container. For example, you might need a banner, background section, or hero image to span the full width of the viewport, even when it’s nested inside a parent container with a constrained width. The Classic Solution […]

    Read More


  • Generate an SSL Certificate using CertBot

    Generate an SSL Certificate using CertBot

    Certbot is a free, open-source tool that automates the process of obtaining and renewing SSL/TLS certificates from Let’s Encrypt, a certificate authority that provides free SSL certificates. These certificates encrypt the data transmitted between your website and its users, ensuring security and boosting SEO rankings. Certbot simplifies what used to be a manual, error-prone process […]

    Read More


  • Building an Isometric Babylon.js Game: An early Project Scaffold

    Building an Isometric Babylon.js Game: An early Project Scaffold

    In this post, we’ll walk through a simple project scaffold for creating an isometric game using Babylon.js. This scaffold sets up the core elements required to get started with your game development—from initializing the rendering engine to basic player movement. Include Babylon.js and its dependencies Setting Up the Canvas The project begins with an HTML […]

    Read More


  • During holiday break I discovered TouchDesigner

    During holiday break I discovered TouchDesigner

    TouchDesigner is a powerful visual programming tool designed for real-time interactive multimedia applications. Developed by Derivative, it is widely used by artists, designers, and engineers to create stunning visualizations, interactive installations, and dynamic audio-visual performances. Its node-based interface makes it accessible for both beginners and professionals, offering flexibility and scalability for projects of all sizes. […]

    Read More


  • Web Development in 2024: A Year in Review

    Web Development in 2024: A Year in Review

    2024 reshaped web development with AI-powered tools streamlining workflows, React Server Components becoming a mainstream standard, and a critical focus on performance and sustainability. Developers leaned into TypeScript, edge computing, and eco-conscious practices to build smarter, faster, and greener applications. These trends set the stage for 2025 to prioritize accessible, adaptive, and high-performing web solutions. […]

    Read More