Blog archive, page 6

A hand holding a stylus over a tablet covered in wireframe sketches, with a keyboard and mouse beside it. The sketches fit a piece about a designed structure rather than a free-form page.

September 26, 2026Engineering

How to keep a site editable without a page-builder mess

A custom website vs page builder choice is about what editors may change. Give them fields for those things. Keep the layout out of a free-form canvas.

By Hanabi

A hand pinning string between printed mobile screens on a wall. The string and the screens fit a piece about the sequence that connects staging to the live domain.

September 26, 2026Engineering

Staging, DNS, and the week before launch

A website launch DNS checklist is unglamorous on purpose: a staging URL, a content freeze, DNS with a written rollback, and a person watching the first hour.

By Hanabi

Five people working on laptops around a wooden table. The shared table fits a piece about which accounts the company keeps when a studio engagement ends.

September 26, 2026Engineering

What you should own after a studio engagement

Website code ownership means the repository, the domain, the analytics, and the content logins sit with you. A studio that keeps those is a dependency.

By Hanabi

Hands typing on a laptop at a wooden desk near a window. The person at the keyboard fits a piece about who actually edits a small team's site.

September 26, 2026Engineering

Choosing a CMS when the marketing team is small

A CMS for a small marketing team should match who edits, how often, and whether drafts matter. A tool the founder will not open is not a publishing system.

By Hanabi

A silver laptop open to a code editor on a white desk, with a monitor, mug, and phone behind it. The editor on the laptop fits a piece about checks that catch a broken page before it ships.

September 26, 2026Engineering

Why TypeScript matters on a public site

TypeScript for websites is protection for the next person in the repo. It catches broken props and unsafe edits. It is not a badge to put in the footer.

By Hanabi

A bright office window ledge with a laptop, a closed notebook, white chairs, and a tall indoor tree. The quiet ledge fits a piece about pages that stay calm when motion is reduced.

September 26, 2026Engineering

Reduced motion is part of the craft

Prefers reduced motion means you ship two versions: the move you intended, and a still or instant version when someone asks the system for less motion.

By Hanabi

A close view of a smartphone home screen filled with app icons on a pale table. The phone fits a piece about motion on the screen people actually hold.

September 26, 2026Engineering

Motion that helps, and motion that makes people leave

Website animation best practices come down to one test: motion should show a relationship or a state. Looping decoration that fights reading should go.

By Hanabi

A long, quiet office corridor with glass rooms, a teal sofa, and a dark kitchen. The still corridor fits a piece about pages that load, respond, and stay put.

September 26, 2026Engineering

Core Web Vitals in plain language

Core Web Vitals explained: how fast the main content appears, how fast a tap responds, and whether the page jumps. The good thresholds are 2.5s, 200ms, and 0.1.

By Hanabi

A dim desk with an iMac showing a code editor beside a portfolio page, a second monitor with a mountain wallpaper, and a lit lamp. The two screens fit a piece about the site a founder can open and the code behind it.

September 26, 2026Engineering

What founders should expect from a Next.js company site

A Next.js marketing website should give you a fast public site, a repository you own, and a clear place to edit content. The framework name is not the outcome.

By Hanabi

A silver laptop open to a code editor on a white desk, with a monitor, mug, and phone behind it. The working desk fits a piece about making a site load before it performs.

September 26, 2026Engineering

Why a marketing site should be fast before it is clever

A fast marketing website earns the right to be clever. Paint the page quickly, then add the one motion that explains something. Slow decoration reads as carelessness.

By Hanabi