WebDevelopment &mdash; Attach to Process https://devblog.dinobansigan.com/tag:WebDevelopment Thoughts and Notes on Software Development Sat, 15 Aug 2026 10:22:43 +0000 https://i.snap.as/4wmUdb6N.png WebDevelopment &mdash; Attach to Process https://devblog.dinobansigan.com/tag:WebDevelopment DevLog - 004: Rebuilding My Homepage with Claude Code https://devblog.dinobansigan.com/devlog-004?pk_campaign=rss-feed <![CDATA[I've had a personal Claude Pro subscription for a few months now. I've used it to build a few apps that my kids and I use at home. Most recently, I rebuilt my personal homepage with the help of Claude Code. Choosing a tech stack Part of my discussion with Claude was what tech stack to build the new site on. I considered React, ASP.NET, or even a popular static site generator like Eleventy. But at the end of the day, those all felt like overkill for a static site with at most 2-3 pages. I decided to just have Claude build it with plain HTML and CSS. Any future updates I can handle myself by editing those files directly, and with continuous deployment from GitHub to Netlify, shipping a new build is quick and easy. That continuous deployment pipeline turned out to be one of the real benefits of using Claude to help build websites. It knows GitHub, and it knows Netlify. I had no idea how to set up a pipeline that deploys automatically from GitHub to Netlify, and researching it myself probably would've taken a few hours. With Claude, I had step-by-step instructions and a working pipeline in under 10 minutes.!--more-- Getting the design right The first design Claude came up with was kind of bland. I told it the design was "meh," and it responded by putting together three more options for me to choose from. One of the designs seems to have taken inspiration from this very own site, it mimicked the blinking cursor, but gave it its own spin, pulling in some design cues from terminals and code. I chose that one. I toned it down a bit from the original concept, but I think it turned out pretty well. This was the other big benefit of rebuilding the site with Claude. I can build websites, but I'm not much of a designer. Giving Claude some direction and getting back multiple design options to choose from, made that part of the process a lot less painful. Sunsetting apps.dinobansigan.com In other news, I took down the Blazor Web App at apps.dinobansigan.com. The site itself is still up, but it's now been replaced by a maintenance page (also built by Claude Code). That also means the Write.as Archive Page Generator app that used to live there is now gone. Truth is, that app has needed a fix every few months since I built it. The root cause is different each time, but there's always something going on with it. At this point I don't have the bandwidth to keep chasing the fixes, especially for something only a handful of people ever used. So I'm letting it go. --- That's it for this update. Between the new homepage and letting go of of the archive page generator app, it feels like I freed up space in my brain to focus on new stuff. Thanks for reading, and I'll catch you in the next DevLog. Tags: #DevLog #ClaudeCode #WebDevelopment #WriteAs !--emailsub-- a href="https://remark.as/p/devblog.dinobansigan.com/devlog-004"Discuss.../a or leave a comment below.]]> I've had a personal Claude Pro subscription for a few months now. I've used it to build a few apps that my kids and I use at home. Most recently, I rebuilt my personal homepage with the help of Claude Code.

Choosing a tech stack

Part of my discussion with Claude was what tech stack to build the new site on. I considered React, ASP.NET, or even a popular static site generator like Eleventy. But at the end of the day, those all felt like overkill for a static site with at most 2-3 pages. I decided to just have Claude build it with plain HTML and CSS. Any future updates I can handle myself by editing those files directly, and with continuous deployment from GitHub to Netlify, shipping a new build is quick and easy.

That continuous deployment pipeline turned out to be one of the real benefits of using Claude to help build websites. It knows GitHub, and it knows Netlify. I had no idea how to set up a pipeline that deploys automatically from GitHub to Netlify, and researching it myself probably would've taken a few hours. With Claude, I had step-by-step instructions and a working pipeline in under 10 minutes.

Getting the design right

The first design Claude came up with was kind of bland. I told it the design was “meh,” and it responded by putting together three more options for me to choose from. One of the designs seems to have taken inspiration from this very own site, it mimicked the blinking cursor, but gave it its own spin, pulling in some design cues from terminals and code. I chose that one. I toned it down a bit from the original concept, but I think it turned out pretty well.

This was the other big benefit of rebuilding the site with Claude. I can build websites, but I'm not much of a designer. Giving Claude some direction and getting back multiple design options to choose from, made that part of the process a lot less painful.

Sunsetting apps.dinobansigan.com

In other news, I took down the Blazor Web App at apps.dinobansigan.com. The site itself is still up, but it's now been replaced by a maintenance page (also built by Claude Code). That also means the Write.as Archive Page Generator app that used to live there is now gone.

Truth is, that app has needed a fix every few months since I built it. The root cause is different each time, but there's always something going on with it. At this point I don't have the bandwidth to keep chasing the fixes, especially for something only a handful of people ever used. So I'm letting it go.

That's it for this update. Between the new homepage and letting go of of the archive page generator app, it feels like I freed up space in my brain to focus on new stuff. Thanks for reading, and I'll catch you in the next DevLog.

Tags: #DevLog #ClaudeCode #WebDevelopment #WriteAs

Discuss... or leave a comment below.

]]> https://devblog.dinobansigan.com/devlog-004 Tue, 04 Aug 2026 00:26:11 +0000 DevLog – 003 https://devblog.dinobansigan.com/devlog-003?pk_campaign=rss-feed <![CDATA[So, for awhile now, the Write.as Archive Page Generator on my hobby site wasn't working anymore. For some reason, calls to the Write.as api just started failing. The error I was getting back was “The response ended prematurely.” Took me awhile, but I finally found a fix for the error. Turns out, I now need to add a “user-agent” default header value to my requests, to allow the api call to go through. This seems to be an issue affecting Web APIs written using C#/.NET starting June 2024. Credit goes to this answer from StackOverflow. Tags: #DevLog#ASPNETCore #WebDevelopment #WriteAs a href="https://remark.as/p/devblog.dinobansigan.com/devlog-003"Discuss.../a or leave a comment below.]]> So, for awhile now, the Write.as Archive Page Generator on my hobby site wasn't working anymore. For some reason, calls to the Write.as api just started failing. The error I was getting back was “The response ended prematurely.”

Took me awhile, but I finally found a fix for the error. Turns out, I now need to add a “user-agent” default header value to my requests, to allow the api call to go through. This seems to be an issue affecting Web APIs written using C#/.NET starting June 2024. Credit goes to this answer from StackOverflow.

Tags: #DevLog#ASPNETCore #WebDevelopment #WriteAs

Discuss... or leave a comment below.

]]> https://devblog.dinobansigan.com/devlog-003 Sun, 10 Aug 2025 04:03:38 +0000 DevLog – 002 https://devblog.dinobansigan.com/devlog-002?pk_campaign=rss-feed <![CDATA[It's been awhile since I wrote on this blog. I'm currently working on a possible rebuild of my landing page found at dinobansigan.com. That website is a static website generated using Wyam. I'm thinking of rebuilding it using ASP.NET Razor Pages. I thought about rebuilding it using ReactJS. But for a mostly read-only website, using React seems overkill. Same goes for using ASP.NET Core MVC; it is overkill for such a simple website. Thought about using Blazor, but I do not need this website to be an SPA. So, ASP.NET Razor Pages seems like the perfect choice for what I want to do. I only started working on this like 30 minutes ago. Here's what I have so far. After I'm satisfied with the content on the pages, I'll move on to modifying the look/theme of the website. Then will need to figure out where to host it. Part of the reason I stuck with a static website build, is because I can host it for free on Netlify. However, I've been wanting to see what it takes to host an ASP.NET website outside of Azure. Now is my chance to learn how to make that work. Tags: #DevLog#ASPNETCore #WebDevelopment a href="https://remark.as/p/devblog.dinobansigan.com/devlog-002"Discuss.../a or leave a comment below.]]> It's been awhile since I wrote on this blog. I'm currently working on a possible rebuild of my landing page found at dinobansigan.com. That website is a static website generated using Wyam. I'm thinking of rebuilding it using ASP.NET Razor Pages.

I thought about rebuilding it using ReactJS. But for a mostly read-only website, using React seems overkill. Same goes for using ASP.NET Core MVC; it is overkill for such a simple website. Thought about using Blazor, but I do not need this website to be an SPA. So, ASP.NET Razor Pages seems like the perfect choice for what I want to do.

I only started working on this like 30 minutes ago. Here's what I have so far.

After I'm satisfied with the content on the pages, I'll move on to modifying the look/theme of the website. Then will need to figure out where to host it.

Part of the reason I stuck with a static website build, is because I can host it for free on Netlify. However, I've been wanting to see what it takes to host an ASP.NET website outside of Azure. Now is my chance to learn how to make that work.

Tags: #DevLog#ASPNETCore #WebDevelopment

Discuss... or leave a comment below.

]]> https://devblog.dinobansigan.com/devlog-002 Mon, 30 Jun 2025 04:51:05 +0000 Modern CSS Techniques To Improve Legibility | Edoardo Cavazza (Smashing Magazine) https://devblog.dinobansigan.com/modern-css-techniques-to-improve-legibility-edoardo-cavazza-smashing?pk_campaign=rss-feed <![CDATA[This seems like a great primer for learning how to use CSS to improve readability of posts on your site. It covers a bunch of CSS topics like font size units, letter and word spacing, width and alignment of text, etc... Link: Modern CSS Techniques To Improve Legibility hr class="sb"/ This post is Day 36 of my &#35;100DaysToOffload challenge. Visit https://100daystooffload.com to get more info, or to get involved. Tags: #Bookmarks #WebDevelopment #100DaysToOffload !--emailsub-- a href="https://remark.as/p/devblog.dinobansigan.com/modern-css-techniques-to-improve-legibility-edoardo-cavazza-smashing"Discuss.../a or leave a comment below.]]> This seems like a great primer for learning how to use CSS to improve readability of posts on your site. It covers a bunch of CSS topics like font size units, letter and word spacing, width and alignment of text, etc...

Link: Modern CSS Techniques To Improve Legibility

This post is Day 36 of my #100DaysToOffload challenge. Visit https://100daystooffload.com to get more info, or to get involved.

Tags: #Bookmarks #WebDevelopment #100DaysToOffload

Discuss... or leave a comment below.

]]> https://devblog.dinobansigan.com/modern-css-techniques-to-improve-legibility-edoardo-cavazza-smashing Mon, 17 Aug 2020 14:29:03 +0000