Testing Google’s “modern-web-guidance” skill against a real React app
A test of the `modern-web-guidance` skill against a real React app, to see whether it actually catches stale frontend patterns and surfaces current best practices.
Ahmad Alfy
Blog about front-end development and the web
Latest posts
The HTML Sanitizer API
The HTML Sanitizer API is a new browser feature that helps developers prevent XSS vulnerabilities by safely sanitizing HTML content.
Stop Hardcoding Your Timeouts
Hardcoded timeouts with no config options are a silent tax on developers outside the wealthy west. A rant about npx skills, Docker Gordon, and the arrogance of assuming everyone has a fast connection.
Your URL Is Your State
A deep dive into how thoughtful URL design can enhance usability, shareability, and performance. Learn what state belongs in URLs, common pitfalls to avoid, and practical patterns for modern web apps.
The Hidden Cost of URL Design
URL design impacts application architecture, performance, and costs. Case study: how flat URLs caused 2x backend load and how we optimized it.
How Functional Programming Shaped (and Twisted) Frontend Development
"What are these generated classes? Did we cancel the cascade?" A backend developer's confusion reveals how functional programming reshaped and complicated frontend development.
Avoiding the Shiny Object Syndrome: When “Good Enough” Is Actually Perfect
How I almost rewrote my entire blog to fix bad ads, then discovered a simple solution. A developer's tale about avoiding shiny object syndrome and focusing on what actually matters.
From Code That Works to Code That Matters: A PDF Security Feature Story
A simple PDF upload validation task turned into a lesson on why code complete != user complete. Discover how small iterations in UX, security, and reliability make the difference between code that works and code that lasts.
Smarter than ‘Ctrl+F’: Linking Directly to Web Page Content
Discover how text fragments revolutionize web navigation. Learn to link directly to specific text on any web page, surpassing traditional 'Ctrl+F' searches. Explore this powerful, user-friendly feature for precise content sharing and improved web experiences.
Search friendly dropdown menu
How to build a search-in-page friendly dropdown menu using the hidden attribute with the value until-found.