Stop over-engineering your modals with manual focus traps. Modern accessibility standards for the HTML Dialog element have changed. By using the native showModal() method, you can provide a better user experience that allows keyboard users to interact with the browser chrome while keeping your code clean and maintenance-free.
Chrome 144 recently introduced the ::search-text pseudo-element, giving developers programmatic control over find-in-page highlights. This update is a huge win for accessibility, allowing us to use CSS relative color syntax to ensure search matches remain readable and high-contrast across any background color or dark-mode theme.
Stay ahead of the curve with the official WordPress 7.0 Bug Scrub schedule. From Alpha triage to Release Candidate fixes, learn when and where the core team meets on Slack to ensure the next major release is stable. Join the #core channel and help identify regressions before they impact your production sites.
WordPress 7.0 introduces Customizable Navigation Overlays, moving mobile menus from hardcoded containers to block-based template parts. Senior developer Ahmad Wael breaks down why this shift matters for performance and design, explores the ongoing debate regarding markup placement, and explains how to test these new responsive features before the feature freeze.
Stop chasing pixels in 2026. Rigid “Pixel Perfect” design is a toxic holdover from print that creates brittle, inaccessible codebases. Learn how Ahmad Wael shifts the focus to Design Intent, fluid systems, and CSS tokens to build robust WordPress sites that adapt to any viewport without breaking.
I shipped a component that felt perfect, but a screen reader user couldn’t trigger it. I’d violated the first rule of ARIA by being too clever. Learn why semantic HTML beats custom roles every time and how to avoid the common mistakes that break accessibility in modern WordPress development.
Our Web Almanac 2025 Analysis dives into the data of 17.2 million websites. While CSS features like text-wrap and variable fonts are gaining traction, accessibility and performance are regressing. Mobile page weights have exploded by 200%, and focus styles are being removed at an epidemic rate. Learn how to refactor for a faster web.
WordPress AI Experiments 0.2.0 has been released, introducing AI-powered excerpt generation and a new “Abilities Explorer” for developers. Ahmad Wael explains why this release is a critical step toward standardizing AI within WordPress Core, moving beyond simple chatbots to a robust framework for registering and testing AI-powered editorial abilities.
A technical recap of the Web Directions Dev Summit 2025 focusing on the shift toward CSS Scroll-Driven Animations. Senior dev Ahmad Wael critiques the reliance on heavy JS frameworks, demonstrates native CSS scroll logic, and discusses the importance of accessibility and performance in modern front-end architecture.
Designing your career in 2026 requires more than a vertical climb. Ahmad Wael explores strategic product designer career paths, the importance of annual retrospectives, and how to avoid the “management trap” by refactoring your role for horizontal growth and AI-driven impact. Learn how to map your skills for the new year.