Sign in

Bryan

@bryanhogan.com
66 followers 57 following 289 posts

📍 Cologne | Developer & Designer ⚙️ Building DailySelfTrack.com app. 💭 Learning Korean: @tolearnkorean.com ✍️ Building digital products, web dev, intentional digitalism and balanced productivity + monthly mails + projects ➡️ BryanHogan.com

PostsRepliesMedia
Bryan @bryanhogan.com · 29/09/2026
Updated my post on building native apps using CapacitorJS with SvelteKit: bryanhogan.com/blog/web-to-... @sveltesociety.dev @ionic.io #webdev #indiedev #devcommunity #capacitorjs #appdev #androidapp #svelte
bryanhogan.com
From Web to Native: Building Apps with SvelteKit & Capacitor
A step-by-step tutorial on integrating CapacitorJS with SvelteKit. Convert your website into an Android/iOS app.
053
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 harnessScreenshot 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 · 02/09/2026
My monthly update-letter is out! August 2026: buttondown.com/BryanHogan/a... #webdev
buttondown.com
August 2026: In Cologne - Bryan's Briefing
Hey friend, It's been another month! I'm still in Cologne and still interviewing / looking for interviews. I worked on my projects as well. Using my...
000
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 · 29/07/2026
I improved my Korean guide! Simpler navigation and overhaul of the existing chapters on Hangul. The site: tolearnkorean.com #buildinpublic #korean #한국어 #webdev
tolearnkorean.com
Learn Korean Online
Clear, step-by-step Korean lessons covering reading, writing, understanding and speaking. How to learn Korean with ToLearnKorean.com.
050
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...
Various 1-bit pixelart emojis
000
Bryan @bryanhogan.com · 01/07/2026
Published issue 30 of my monthly update-letter: buttondown.com/BryanHogan/a... After a year of traveling I'm looking for a place to stay for stable income. #indiedev #buildinpublic #blog
buttondown.com
June 2026: Work Please - Bryan's Briefing
June 2026: Work Please - Bryan's Briefing Hey friend, how have you been? I'm looking for a job in Europe now. More than a year of living as a nomad going...
190
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 styleHome screen view of the DailySelfTrack app which is being developed by Bryan Hogan, showing 3 example Tracker elements which are grouped together using just a heading element, app uses a minimal dark styleEdit 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 styleEdit screen view of the DailySelfTrack app which is being developed by Bryan Hogan, showing 3 example Tracker elements which are grouped together using just a heading element, 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 · 11/04/2026
Build a native app using SvelteKit + Capacitor: bryanhogan.com/blog/web-to-... #webdev #indiedev #svelte #sveltekit #capacitor
bryanhogan.com
From Web to Native: Building Apps with SvelteKit & Capacitor
A step-by-step tutorial on integrating CapacitorJS with SvelteKit. Convert your website into an Android/iOS app.
050
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
Reposted by Bryan
Kevin Powell @kevinpowell.co · 05/02/2026
Fantastic look at open source options for design work by @scott.is over on @piccalil.li. Useful info, and a fun read as well. piccalil.li/blog/the-ope...
piccalil.li
The open source design stack
Scott Riley tested free and open source design tools out when researching his course, Mindful Design. They actually worked out better than Figma ever could, as he explains in this article with loads o...
4345
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 styleScreenshot 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
My favorite BlueSky hashtags: #buildinpublic #devlog #webdev #webapp #indiedev #indieweb #smallweb #svelte #sveltekit #obsidianmd #obsidian #pkm Any further recommendations? :)
2111
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 · 09/01/2026
Published the 24th edition of my monthly mail-letter. This month includes: - New Years in Osaka - AI coding The full post: buttondown.com/BryanHogan/a... #buildinpublic #webdev #devlog #obsidianmd #indiedev
buttondown.com
December 2025: Daily Contentment - Bryan's Briefing
December 2025: Daily Contentment - Bryan's Briefing Hey friend, it's the start of a new year. Went to Korea for a week for Christmas. Came back to Osaka to...
080
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