Practical Project: Optimizing an Arabic Landing Page
A complete practical project: diagnose a slow Arabic landing page, fix font-induced CLS, apply Variable Fonts and WOFF2 self-hosting, and measure the jump with Google Lighthouse.
Permalink Engineering: Decoding Arabic Percent-Encoded URLs
Arabic URLs turn into unreadable encoded strings that hurt CTR, crawl budget, and link equity. Learn how to engineer a clean permalink structure that works for everyone.
The Expansion Dilemma: Controlling Arabic Layout Shift
Arabic fonts cause more layout shift than Latin fonts — and for structural reasons. Learn why, and fix it with font-display, fallback calibration, and self-hosting.
Beyond Translation: Intro to Arabic Web Localization
Arabic web localization means more than translation. RTL structure, font loading, percent-encoded URLs, and crawl budget all affect your SEO. Learn the full picture.
UI Audit Project: Fixing a Wrongly Mirrored Interface
A hands-on closing project: we take a real dashboard that was auto-mirrored with dir=”rtl” alone, diagnose all thirteen errors by type, then fix them one by one using everything we learned in this series.
Visual Psychology: How Arabic Users Read the Screen
Arabic users scan screens in a reverse-F pattern starting from the top right — and that changes everything about where you place your CTA buttons, how animations should move, and how much whitespace Arabic text actually needs.
Fixed Components: What Doesn’t Flip in RTL Interfaces
Not every element in your interface should flip when switching to RTL. Learn to identify fixed components — media players, progress bars, timelines — and why mirroring them is an engineering mistake, not a fix.
Flipping the Interface: CSS Logical Properties for RTL Design
Why is dir=”rtl” alone not enough? A beginner’s guide to understanding the difference between physical and logical properties in CSS, complete with a practical user card example that flips correctly and a full browser support table.
Workshop Project: A Multi-Country Invoice System for Saudi Arabia, UAE, and Egypt
Build a localization-aware invoice system step by step in JavaScript — automatic currencies, dates, and tax rates for Saudi Arabia, UAE, and Egypt using the Intl API.
Tables, Currencies, and Percentages: What’s Really Happening Behind the Screen?
How should currencies and percentages be stored in a database? Currency symbol direction, financial tables, and rounding — real dilemmas with practical code solutions.
