iiinova — where your digital self keeps evolving

Bryan @bryanhogan.com · 27/09/2026

Screenshot of my GitHub profile and what I've been working on these days. Progress is slow, sometimes frustratingly so. But it's still progress. Need to get more stuff into a 1.0 version and promote that then. #webdev #buildinpublic

141

Bryan @bryanhogan.com · 21/09/2026

Can recommend this setup: Currently using GPT 5.6 Sol (Medium or high thinking) for planning and implementation. Then GLM 5.3 for reviewing. Using Zed (the IDE) for managing multiple sessions, the Codex harness for GPT and the Zed Agent panel for GLM. Using VSCode for manual changes. #webdev

Screenshot of the Zed IDE showing the Codex harness

Screenshot of the Zed editor with the Zed Agent panel open

000

Bryan @bryanhogan.com · 21/09/2026

AI coding tools are incredibly helpful. I wrote about what works well for me: one chat per feature / request, a small AGENTS.md, specific file references, plan mode then implement mode, and reviewing the generated code. bryanhogan.com/blog/ai-code-well

100

Bryan @bryanhogan.com · 21/09/2026

I was working on a web app of mine and spent so much time debugging something that seems to be a very common Firefox issue instead? Making the keyboard appear and disappear on mobile (Android) shifts and skews the elements briefly. (I don't mean the slight shift, I mean severe jumping of elements)

100

Bryan @bryanhogan.com · 02/09/2026

Free and open projects I have been working on: - Astro Starter Template - ToLearnKorean guide - My personal website and useful blog posts - Obsidian Vault Template - Flow Timer - Clean Web Development Guide Now I'm close to releasing my first native app: dailyselftrack.com #webdev #buildinpublic

dailyselftrack.com

DailySelfTrack | Track what matters. Your life, your way

Create custom trackers and log daily entries. Track whatever you want. Your data stays on your device.

160

Bryan @bryanhogan.com · 29/08/2026

I just realised I haven't shared my monthly update from last month on here, I'm back in Germany: buttondown.com/BryanHogan/a... #webdev #buildinpublic

130

Bryan @bryanhogan.com · 28/08/2026

Added @matuzo.at's HTML boilerplate to the /resource page of my Clean Web Dev guide: webdev.bryanhogan.com/miscellaneou...

webdev.bryanhogan.com

Resources

Helpful resources for experienced and novice web developers.

110

Bryan @bryanhogan.com · 24/08/2026

Modernized the pages of my guide on writing clean CSS. Using a reset.css, var.css, global.css and util.css for consistent styling. Read them here: webdev.bryanhogan.com/css/css-setup/ Using this setup on my @astro.build Starter Template as well: starter.bryanhogan.com #webdev #buildinpublic

080

Reposted by Bryan

Vale @vale.rocks · 14/08/2026

A microscopic annoyance that forever irks me is the discrepancies between the 'Get it on Google Play' and 'Download on the App Store' badges. I hate how they're so similar, yet fail to have any cohesion. They always look awful when placed together, and I cop psychic damage each time I see them.

A badge for Google Play and a badge for the App Store. They're similar at a first glance, but the longer they're inspected, the more tiny differences there are. Size of the badges and elements, alignment of type, fonts used, borders – everything!

6453

Bryan @bryanhogan.com · 02/08/2026

I made my Astro Starter Template even cooler: starter.bryanhogan.com I wanted something I can recommend to people who need a simple yet high-quality website, now I can. Optimized for performance, SEO, a11y, yet simple to maintain, it's just a static website. #HTML + #CSS = ❤️ #webdev

starter.bryanhogan.com

Astro Starter Template by Bryan Hogan

A free Astro starter template for fast, accessible websites you fully control.

010

Bryan @bryanhogan.com · 08/07/2026

I wrote about which AI tools I use for coding (and design + some other stuff): bryanhogan.com/blog/ai-codi... Currently mostly using Codex and Claude Code in VSCode as extensions. OpenCode Go and Ollama Cloud (Kimi, GLM, DeepSeek, Qwen, MiniMax and MiMo) are also worth a look. #webdev #dev #blog

bryanhogan.com

Which AI coding tools to use

Which AI coding tools are best? What should you use? What I recommend for development work.

130

Bryan @bryanhogan.com · 02/07/2026

Some cool pages containing 1-bit pixelart: - hypertalking.com/2023/05/15/1... - hypertalking.com/2023/05/08/1... - dither-emojis.pages.dev From this HN thread: news.ycombinator.com/item?id=4867...

000

Bryan @bryanhogan.com · 01/07/2026

Add an external icon indicating links lead to external sites with 9 lines of CSS.

CSS snippet using a[href^="http"]:not([href*="//bryanhogan.com"])::after to add an external-link icon after links that point to other websites.

List of AI coding tool links showing small external-link icons after links that lead to external websites.

010

Bryan @bryanhogan.com · 26/06/2026

Some fun simple web-based games I came across: - boredzebra.com/100jumps/ - 1-tap jumping - princechazz.com - Chess-inspired Roguelike - dice-jaga.bryanhogan.com - Yahtzee-inspired Roguelike (mine) Anyone know similar games? #webdev #gamedev #indiedev #indieweb

072

Bryan @bryanhogan.com · 19/06/2026

Nowadays I find AI also highly capable of writing Svelte code. Claude was good at it for a long time, Codex with the Svelte MCP works well also. Have been using it to build apps: bryanhogan.com/blog/web-to-... Want to try the OpenCode Go subscription and test out the cheaper Chinese models next.

140

Bryan @bryanhogan.com · 19/06/2026

My monthly update is out! - I'm in Melbourne on a Working Holiday now. - Sick & finding good work is though. Read the complete update here: buttondown.com/BryanHogan/a...

buttondown.com

May 2026: Melbourne - Bryan's Briefing

May 2026: First Days in Melbourne - Bryan's Briefing Hey friend, I started my Working Holiday in Australia and my experience is a bit mixed. On the one hand,...

000

Reposted by Bryan

Kevin Powell @kevinpowell.co · 21/05/2026

If you don't have time to read it, the tl;dr is, if there are educational content creators you value, let them know. They might write, make videos, or anything else. Times are tough, and talented people are fading away. A few encouraging words from a real person can make a huge difference.

18514

Bryan @bryanhogan.com · 09/05/2026

Improved the UI and PWA version added. ✅ #buildinpublic #webdev #astrojs #svelte

Screenshot of a dark-themed flow timer web app (timer.bryanhogan.com). A large timer card shows “Ready?” and “05:00” with playback controls and the instruction “Click play to start timer.” Below it is a task list with editable fields for “Task 1” and “Task 2,” each set to 5 minutes, plus a third empty task set to 10 minutes. Buttons labeled “Reset Timer” and “Reset Tasks” appear underneath.

081

Bryan @bryanhogan.com · 07/05/2026

I wanted to a simple timer for time-boxing that just work. No account, 100% free, no ads, no distraction, just a sequential timer. I originally built it more than a year ago, but have updated it with some improvements now. ➡️ timer.bryanhogan.com #buildinpublic #webdev #indiedev

timer.bryanhogan.com

Flow Timer

A timer to help you stay focused and productive. Time-box your tasks quickly.

050

Bryan @bryanhogan.com · 25/04/2026

Group the elements with a colored background, or no card background? #buildinpublic #webdev #dev #appdev #indiedev #uidesign

Home screen view of the DailySelfTrack app which is being developed by Bryan Hogan, showing 3 example Tracker elements which are grouped together using a colored background card, app uses a minimal dark style

Edit screen view of the DailySelfTrack app which is being developed by Bryan Hogan, showing 3 example Tracker elements which are grouped together using a colored background card, app uses a minimal dark style

5111

Bryan @bryanhogan.com · 14/04/2026

I think for consistency I will have to go with a vertical form layout, title first, form element in the next row. Putting small elements (e.g. checkboxes) next to the title feels inconsistent. But if I do stack all I'm using up a lot of vertical space.. Any ideas? #buildinpublic #webdev #dev

UI of the daily entry form based on custom user created trackers in the DailySelfTrack app

160

Bryan @bryanhogan.com · 13/04/2026

Update from yesterday, building the UI for entering information! I was happy with the home screen from yesterday, but this one needs much more work. #webdev #appdev #indiedev #buildinpublic

041

Bryan @bryanhogan.com · 12/04/2026

Current design of the home screen for my DailySelfTrack app. What do you think? #webdev #appdev #indiedev #buildinpublic

Screenshot of the current design of the DailySelfTrack app, dark-mode and simple layout, shows 3 "Trackers" split into two groups

7110

Bryan @bryanhogan.com · 21/03/2026

Obsidian is such a valuable tool. Using it for writing my blog posts, organizing my thoughts and research, as well as managing my projects. The files for all of these things live in one folder, building structure through links and .base files. #ObsidianMD #Obsidian #PKM

120

Bryan @bryanhogan.com · 12/03/2026

Updated my Obsidian Vault setup, updated the blog post about it as well: bryanhogan.com/blog/obsidia... Full template is on GitHub: github.com/BryanHogan/o... #ObsidianMD #Obsidian #PKM #SmallWeb

bryanhogan.com

Obsidian vault setup tour

How my Obsidian vault works after, a practical setup. Including bottom-up Zettelkasten notes, plugins, Bases and my general rules.

020

Bryan @bryanhogan.com · 03/03/2026

Built a dice based game! (Yahtzee x Roguelike) The MVP of it was already really fun, so I added some more things! Play it here: dice-jaga.bryanhogan.com #indiedev #webdev #gamedev #buildinpublic

3133

Reposted by Bryan

Neal Agarwal @neal.fun · 23/02/2026

It's incredible how early he was in realizing the potential of the web. He started 12 years before Khan Academy! here's the site javalab.org/en/

javalab.org

Javalab – Science simulation, Probeware, Coding

Science simulation, Probeware, Coding

0312

Bryan @bryanhogan.com · 13/02/2026

In Tokyo now and sent out issue 25 of my monthly updates. Topics of this month: - Clawdbot, cool but dangerous. - Google rewarding AI slop. - Ways to make a website. - Other cool blog posts on the internet. Read it here: buttondown.com/BryanHogan/a... #IndieWeb #BuildInPublic #TechSky #WebDev

buttondown.com

January 2026: To Tokyo & more AI - Bryan's Briefing

January 2026: To Tokyo & more AI - Bryan's Briefing Hey friend, I'm writing this while on my flight to Tokyo from Shanghai. After 3 months in Osaka, a few...

111

Bryan @bryanhogan.com · 13/02/2026

Every month I have been sharing cool blog posts from other people (in my monthly newsletter). So I put together all the amazing posts I have shared until now: bryanhogan.com/blog/other-c... #indieweb #webdev #blog

bryanhogan.com

Every blog post I have shared until 2026

In my monthly email newsletter I share cool things I came across on the internet, which so far has included the following blog posts!

010

Bryan @bryanhogan.com · 06/02/2026

Is there any point in using any other GPT model than "GPT Codex 5.3" when using Codex? GPT 5.2 for general knowledge? 5.1 Codex Mini as a sub-agent? #webdev #ai #codex #coding

100

Bryan @bryanhogan.com · 30/01/2026

Updated my post about different ways to build a website! Going over different tools you can use if you just want to have a website, from website builders to content-management-systems to custom coding. Read it here: webdev.bryanhogan.com/start/ways-t... #buildinpublic #webdev #indiedev #indieweb

041

Bryan @bryanhogan.com · 29/01/2026

In the process of "rebranding" my web development guide. Web Dev Guide ➡️ Clean Web Dev Guide Thinking the penguin has to go, but with what? Maybe soap, but I like using animals. Maybe keep the penguin? But I don't want any associations with Linux. #buildinpublic #webdev #indiedev #cleanwebdev

Screenshot of older version of webdev.bryanhogan.com website. Simple design, using dark mode. Uses blue color accents.

1bit 16 by 16 pixel soap pixel-art style

Screenshot of webdev.bryanhogan.com website. Simple design, using dark mode. Uses blue & purple color accents.

4101

Bryan @bryanhogan.com · 27/01/2026

I like my setup more than PARA. PARA means splitting your notes into: Project, Area, Resource, Archive I much prefer: 1. Zettelkasten 2. Projects 3. Collections Zettelkasten for long-term knowledge notes. 1/3 #Obsidian #ObsidianMD #PKM #SmallWeb #IndieWeb #PARA

130

Bryan @bryanhogan.com · 26/01/2026

Most important rule for using Obsidian: - Keep it simple So much you can do, but a simple system scales better, takes less mental energy, allows you to get into it quicker, overall getting more work done. How my full vault works here: bryanhogan.com/blog/obsidia... #ObsidianMD #PKM #SmallWeb

bryanhogan.com

Obsidian vault setup tour

How my Obsidian vault works after, a practical setup. Including bottom-up Zettelkasten notes, plugins, Bases and my general rules.

130

Bryan @bryanhogan.com · 24/01/2026

I recently wrote about using SvelteKit + Capacitor to make an app. One codebase for website + PWA + Android + iOS using just simple HTML, CSS and JS enhanced with Svelte. Would anyone be interested in a starter template for this? #buildinpublic #sveltekit #capacitor #webapp #webdev

1101

Bryan @bryanhogan.com · 23/01/2026

I sync my #Obsidian vault for free. Between desktop and mobile. How? An Obsidian vault is just markdown files, so any file sync works. 3 options ⬇️ 1️⃣ Google Drive, One Drive, or any other cloud provider. 2️⃣ Peer to peer tools such as SyncThing Fork or Resilio. 3️⃣ GitHub & co. #ObsidianMD #PKM

bryanhogan.com

How To Sync Obsidian

How to synchronize your Obsidian Vaults. Using Obsidian Sync, Syncthing, Google Drive or Github.

010

Bryan @bryanhogan.com · 22/01/2026

Updated my /ideas page! Read it here: bryanhogan.com/ideas #buildinpublic #webdev #indiedev #smallweb #blog

131

Bryan @bryanhogan.com · 05/01/2026

I just published: my introduction to Obsidian! I think Obsidian is the best note-taking tool. But people often over-complicate it, so I wanted to compress my recommendations + link to the most important resources. Read it here: bryanhogan.com/blog/obsidia... #obsidian #obsidianmd #indieweb #pkm

bryanhogan.com

Introduction to Obsidian

An introduction to Obsidian. Why you should use it, how to keep it simple, and how you can use it.

020

Bryan @bryanhogan.com · 02/01/2026

Just posted: From Web to Native: Building Apps with SvelteKit & Capacitor A website is great, but sometimes you also want an app version. With CapacitorJS this can be done with one codebase. How to do this using #SvelteKit as your framework: bryanhogan.com/blog/web-to-... #webdev #svelte #webapp

1151

Bryan @bryanhogan.com · 15/12/2025

How I'm learning Korean 🇰🇷 I've been using Anki more again. It’s great for memorisation but kinda dry. Also, a pure Anki grind doesn't really help with application, which is the most important part of effective language learning. #languagelearning #korean #한국어 #한국어공부

100

Bryan @bryanhogan.com · 12/12/2025

Built an app to learn Hiragana. A gamified approach to that gradually introduces characters. As I'm currently in Osaka I can use my own app well :) Hoping to make learning Japanese more fun. 👉 app.tolearnjapanese.com #japanese #hiragana #buildinpublic #webdev #devlog #languagelearning #indiedev

251

Bryan @bryanhogan.com · 09/12/2025

Published the 23rd edition of my monthly mail-letter. This month includes: - Moved into my own apartment in Osaka - Worked on game.tolearnkorean.com - Blog post - Shared some cool blog posts The full post: buttondown.com/BryanHogan/a... #buildinpublic #webdev #devlog #languagelearning #indiedev

buttondown.com

November 2025: Apartment in Osaka - Bryan's Briefing

November 2025: Apartment in Osaka - Bryan's Briefing Hey friend, it's been another month. I quit working at the hostel in Osaka, I cancelled my plans to work...

0101