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.
Part 9: SEO
How semantic structure, metadata, and structured data help search engines understand a website without relying on SEO tricks.