Typora vs Obsidian: Two Different Ways of Thinking About Writing
A writing tool and a thinking tool that get compared constantly, used here for what each one is actually good at.
Type at least two characters. Press Enter to open the first result.
How I combine Typora, Hugo, GitHub and Cloudflare into a fast, low-maintenance publishing system without a traditional CMS.
A writing tool and a thinking tool that get compared constantly, used here for what each one is actually good at.
The value of experience is moving upstream, from producing the first draft to judging it.
XD Studio Lab is an independent publication exploring the tools, systems and ideas behind modern digital work.
Created by Xiaodong Wang, it documents real workflows across research, design, publishing, AI and digital product creation.

Recent writing across essays, systems, software and gear.
Asking a model to refactor a stylesheet produced a smaller file and three subtle regressions.
Static search that runs after the build, with no service and no API key. Notes from wiring it into a Hugo site.
A writing tool and a thinking tool that get compared constantly, used here for what each one is actually good at.
A build-time image pipeline for Hugo: formats, dimensions, lazy loading and alt text without manual resizing.
The value of experience is moving upstream, from producing the first draft to judging it.
Testing object storage plus on-demand transformation as a replacement for build-time image processing.
Practical workflows connecting tools into complete working systems.
A build-time image pipeline for Hugo: formats, dimensions, lazy loading and alt text without manual resizing.
From idea to working static application: scoping, building, pricing and delivering a small digital product.
Research, direction, prototype, build, testing and deployment: where AI helps in web production and where it quietly breaks things.
How research becomes structured long-form content, from first reading to published article.
Software and hardware that are part of real working systems.
My preferred environment for distraction-free Markdown writing.
How I use itThe static site generator that carries this entire publication.
How I use itVersion history, deployment trigger and safety net for every article.
How I use itPages for deployment, R2 for assets. Cheap, fast, boring in a good way.
How I use itWhere layout decisions get tested before any code exists.
How I use itFast production for design-led marketing sites with real interaction.
How I use itStill the fastest route from content to a credible client site.
How I use itResearch companion and editing partner, never the author of record.
How I use itCaptures interviews and field notes without a laptop in the room.
How I use itThe microphone I actually use for voice notes and video narration.
How I use itLong-form reading and PDF research away from notifications.
How I use itTen hours of writing a week justifies one good keyboard.
How I use itNotes on design, technology, knowledge and independent work.
The value of experience is moving upstream, from producing the first draft to judging it.
Migration is never just moving files. It is rebuilding the habits that made the old tool work.
Notes do not become useful because they are stored. They become useful because something forces them out.
Long-term reviews, comparisons and buying guides grounded in real use.
A writing tool and a thinking tool that get compared constantly, used here for what each one is actually good at.
Why an e-reader earns its place in a research workflow, and the three features that decide which one to buy.
Two routes to a credible client site, compared on control, speed, handover and what happens in year two.
A desk microphone judged on the only three things that matter: how it handles a bad room, how fast it is to use, and whether narration needs editing afterwards.
Short experiments, setup notes and small discoveries from the lab.
Asking a model to refactor a stylesheet produced a smaller file and three subtle regressions.
Static search that runs after the build, with no service and no API key. Notes from wiring it into a Hugo site.
Testing object storage plus on-demand transformation as a replacement for build-time image processing.
Selected videos about tools, workflows and digital experiments.
The work that comes out of these systems, not just opinions about them.
A short book on designing digital products as systems: content model, templates, workflow and maintenance, before any visual work begins.
View BookEssays and observations on research, AI, publishing systems and independent professional practice.
View BookA Hugo starter theme for independent publications: editorial homepage, long-form article template, Pagefind search and SEO defaults.
A single-page calculator for scoping and pricing design and web projects, built as a static web application with no backend.
Templates and checklists for running a one-person publication: editorial calendar, article brief, SEO checklist and launch routine.
Topics that run across the publication.