Skip to content

24 ways to impress your friends

Vote down?

Gunnar Bittersmann

Thanks for this very insightful article.

I’m not sure if this is a thing, but there might be browsers that support `transform: rotate(180deg)` but not `writing-mode: vertical-rl`. To be sure that the text will only be rotated when displayed vertically, you might want to wrap it in a `@supports` rule:

@supports(writing-mode: vertical-rl)
{ h1 { writing-mode: vertical-rl; transform: rotate(180deg); text-align: right; }
}

Sometimes in the article it says “language directions” and the like which should be read as “script directions”.

“Languages don’t have a direction. Scripts have a writing direction, and so languages written in a particular script, will be written with the direction of that script.
“Languages can be written in more than one script. For example, Azeri can be written in any of the Latin, Cyrillic, or Arabic scripts. When written in Latin or Cyrillic scripts, Azeri is written left-to-right (LTR). When written in the Arabic script, it is written right-to-left.”
—Richard Ishida, Script direction and languages