Death Note Interactive Web Experience
An interactive, dark-themed web tribute to Death Note built with pure HTML, CSS, and JavaScript. Features a layered visual atmosphere, an interactive notebook where writing a name triggers a cinematic...
Hello, this is my Blog. Welcome to or Coding!
From frontend to backend idea to execution.
CSS Container Queries: The End of Media Query Madness
For years, responsive design meant one thing: media queries. We checked the viewport width and adapted layouts accordingly. But what if a component needs to respond to its own container, not the entir...
PHP 8.4: The Language That Finally Grew Up
PHP 8.4 brings property hooks, a new HTML5 DOM API, and JIT improvements that place it firmly among modern languages. Here is why the PHP renaissance is real.
Zero-Dependency JavaScript: Native APIs You Are Not Using
Modern browsers ship with incredibly powerful APIs that can replace most utility libraries. From Intersection Observer to View Transitions, here are the native tools you should be using instead of dependencies.
Core Web Vitals: The Metrics That Actually Matter
Lighthouse scores are vanity metrics. LCP, INP, and CLS tell the real story of how users experience your site. Here is how to optimize for humans, not robots.
CUBE CSS: A Methodology That Actually Scales
BEM is exhausting. Utility-first is overwhelming. CUBE CSS offers a pragmatic middle ground — a mental model for writing CSS that scales without collapsing under its own weight.
The Query That Killed My Database: A Postmortem
A single SQL query took down production for twelve minutes. Here is the postmortem on how a correlated subquery with 200k posts became a database killer — and the exact fix that brought execution time from 4 minutes to 3 milliseconds.
Git History Is Documentation: Write It Like You Mean It
Your commit history is the only documentation that never lies. Here is why atomic commits, conventional messages, and interactive rebase are not vanity — they are survival tools for production debugging.
HTMX: The Framework That Is Not a Framework
HTMX proves that hypermedia is still the right architecture for most web apps. No build step, no virtual DOM, no state synchronization — just HTML over the wire, the way the web was designed.
TypeScript: Types Are Not Tests, But They Are Better Than Nothing
TypeScript does not replace tests — it replaces guessing. From autocomplete to exhaustiveness checking, here is why the type system is the best productivity tool in modern frontend development.