Tuesday, August 20, 2024
HomeProgrammingRTL Styling 101 | CSS-Methods

RTL Styling 101 | CSS-Methods


A few weeks in the past I used to be tremendous enthusiastic about publishing my first CSS-Methods submit: “Letter Spacing is Damaged. Overlook about that although, what’s vital is the submit’s matter: letter spacing is damaged and doesn’t work because the CSS Specification says it ought to. In a nutshell, as a substitute of spacing the characters evenly, it leaves an disagreeable house on the finish of the component.

Whereas this inconsistency between the net and the spec is only a quirk for a Spanish/English speaker like me, for audio system of right-to-left (RTL) languages like Arabic or Hebrew, an annoying house is left initially or finish of a phrase. Firefox (Gecko) kinda fixes it and rearranges the pointless house on the finish (within the studying order), however Google and Safari (Blink and Webkit) go away it initially.

Side-by-side comparison of letter spacing on Gecko and Blink/Webkit

In fact, I needed to demo this main ache level, however styling RTL content material was past my CSS energy. That’s when I discovered this life-saver information by Ahmad Shadeed that covers each main side of styling RTL content material on the net and finest practices to simply internationalize an LTR webpage. A useful resource that, I feel, is a must-read in case you are fascinated with i18n and accessibility within the internet.

I’ll have found heat water since this information goes again to 2018, however I hope these like me who didn’t find out about it have enjoyable studying one thing new!


Direct Hyperlink →

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

- Advertisment -
Google search engine

Most Popular

Recent Comments