Orieb Alzyuot
Loading the studio…Designing interfaces…Shipping with care 💜
Every theme is tested for WCAG AA contrast. AltT
Long-form notes on front-end architecture, accessibility, security, theming and AI-assisted engineering.
A decision guide: Module Federation 2.0, Native Federation, import maps, Web Components and monorepos, a scoring checklist, the real costs, Storybook, and building a component library.
HttpOnly cookies vs localStorage, CSRF, CSP and Trusted Types, SRI, route-param encryption, login hardening, and a checklist for building your own CAPTCHA.
WCAG 2.2 in practice: semantics, focus, keyboard patterns, an accessible custom select, live regions, contrast modes, and Arabic RTL. With live demos.
Token tiers, system mode with a user override, no flash of the wrong theme, contrast-safe palettes from one seed colour, and a View Transitions circle reveal.
@use and @forward, tokens as custom properties, cascade layers, logical properties, container queries, :has(), and when Sass still earns its place.
A front-end engineer's honest take on Go for developer tooling: real code from a Go scanner, measured sizes and start-up times against Node, what Go did not win, and the two questions I ask before choosing.
The AI-assisted engineering system behind my production apps: 176 scoped rules, Claude skills, sync scripts and checks that turn rules into build failures.
How to port a production Angular app to React Native (Expo): a tiny DI and signals layer, mirrored structure, synced i18n and tokens, and Arabic RTL done right.
