Posts
Notes from the Terminal. Practical insights on building, designing, and evolving software systems.
> Series: building_a_modern_website_

Part1: Before the code
How senior engineers approach website projects before writing code: defining accessibility, performance, and SEO requirements early.

Part2: Semantic HTML
Why semantic HTML matters for accessibility, SEO, and maintainable frontend architecture.

Part3: Structuring Layouts
How to structure page layouts using semantic containers, predictable layout patterns, and responsive thinking before styling.

Part4: Designing Typography
How to build a typography system using fluid type, readable line lengths, and consistent spacing that scales across devices.

Part5: Navigation for Everyone
How to design navigation that works for everyone through keyboard access, visible focus states, and accessible mobile menu patterns.

Part 6: Static Site Approach
Why a static-first architecture often works well for modern websites, and when it doesn’t.

Part 7: Static Site in Practice
How a static-first approach can be implemented in practice, without locking into a specific framework.

Part 8: Animations
How to use animation as a tool for communication without harming performance or accessibility.