Writing Modes
ELI5 — The Vibe Check
CSS Writing Modes control the direction text flows — horizontal left-to-right, right-to-left, or vertical. It's essential for languages like Arabic, Hebrew, Japanese, and Chinese. Most devs never think about it until they have to support an RTL language and everything breaks.
Real Talk
CSS writing-mode property defines whether text flows horizontally or vertically and the block flow direction. Combined with direction and text-orientation properties, it supports all writing systems including horizontal-tb (default), vertical-rl (Japanese), and vertical-lr. Logical properties automatically adapt to these modes.
When You'll Hear This
"Setting writing-mode: vertical-rl for the Japanese sidebar made everything flow correctly" / "If you use logical properties from the start, switching writing modes just works"
Related Terms
CSS Logical Properties
Logical properties replace left/right with start/end so your CSS works in any text direction — left-to-right, right-to-left, even vertical.
Responsive Design
Responsive design means your website looks good on EVERY screen size — from a tiny phone to a giant 4K monitor.