2023/01/25

Хитрости кроссплатформенной верстки

Чтобы не было вращения букв в вертикальном режиме в браузерах на iOS и MacOS, оказывается, нужно явно указывать "text-orientation: sideways".

Данную таблицу можно использовать для проверки работы браузера:

text-orientation:
writing-mode:
mixed upright sideways sideways-right
horizontal-tb

ᡐᡆᡑᡆ
ᡋᡅᡔᡅᡎ

ᡐᡆᡑᡆ
ᡋᡅᡔᡅᡎ

ᡐᡆᡑᡆ
ᡋᡅᡔᡅᡎ

ᡐᡆᡑᡆ
ᡋᡅᡔᡅᡎ

vertical-rl

ᡐᡆᡑᡆ
ᡋᡅᡔᡅᡎ

ᡐᡆᡑᡆ
ᡋᡅᡔᡅᡎ

ᡐᡆᡑᡆ
ᡋᡅᡔᡅᡎ

ᡐᡆᡑᡆ
ᡋᡅᡔᡅᡎ

vertical-lr

ᡐᡆᡑᡆ
ᡋᡅᡔᡅᡎ

ᡐᡆᡑᡆ
ᡋᡅᡔᡅᡎ

ᡐᡆᡑᡆ
ᡋᡅᡔᡅᡎ

ᡐᡆᡑᡆ
ᡋᡅᡔᡅᡎ


Исходный код:

<table border="1" bordercolor="white" cellspacing="0">
  <tbody>
    <tr>
      <th>text-orientation:<br />writing-mode:</th>
      <th>mixed</th>
      <th>upright</th>
      <th>sideways</th>
      <th>sideways-right</th>
    </tr>
    <tr>
      <th>horizontal-tb</th>
      <td><p style="text-orientation: mixed; writing-mode: horizontal-tb;">ᡐᡆᡑᡆ<br />ᡋᡅᡔᡅᡎ</p></td>
      <td><p style="text-orientation: upright; writing-mode: horizontal-tb;">ᡐᡆᡑᡆ<br />ᡋᡅᡔᡅᡎ</p></td>
      <td><p style="text-orientation: sideways; writing-mode: horizontal-tb;">ᡐᡆᡑᡆ<br />ᡋᡅᡔᡅᡎ</p></td>
      <td><p style="text-orientation: sideways-right; writing-mode: horizontal-tb;">ᡐᡆᡑᡆ<br />ᡋᡅᡔᡅᡎ</p></td>
    </tr><tr>
      <th>vertical-rl</th>
      <td><p style="text-orientation: mixed; writing-mode: vertical-rl;">ᡐᡆᡑᡆ<br />ᡋᡅᡔᡅᡎ</p></td>
      <td><p style="text-orientation: upright; writing-mode: vertical-rl;">ᡐᡆᡑᡆ<br />ᡋᡅᡔᡅᡎ</p></td>
      <td><p style="text-orientation: sideways; writing-mode: vertical-rl;">ᡐᡆᡑᡆ<br />ᡋᡅᡔᡅᡎ</p></td>
      <td><p style="text-orientation: sideways-right; writing-mode: vertical-rl;">ᡐᡆᡑᡆ<br />ᡋᡅᡔᡅᡎ</p></td>
    </tr>
    <tr>
      <th>vertical-lr</th>
      <td><p style="text-orientation: mixed; writing-mode: vertical-lr;">ᡐᡆᡑᡆ<br />ᡋᡅᡔᡅᡎ</p></td>
      <td><p style="text-orientation: upright; writing-mode: vertical-lr;">ᡐᡆᡑᡆ<br />ᡋᡅᡔᡅᡎ</p></td>
      <td><p style="text-orientation: sideways; writing-mode: vertical-lr;">ᡐᡆᡑᡆ<br />ᡋᡅᡔᡅᡎ</p></td>
      <td><p style="text-orientation: sideways-right; writing-mode: vertical-lr;">ᡐᡆᡑᡆ<br />ᡋᡅᡔᡅᡎ</p></td>
    </tr>
  </tbody>
</table>

Собственно, нам для Тодо и Худам бичиг нужно использовать:
text-orientation: sideways;
writing-mode: vertical-lr;
.

2013/01/10

Про writing-mode и калмыцкую Википедию

После публикации поста про вертикальное письмо в HTML поглядываю где и как это реализуется. Есть намерение запустить сайт на Тодо. Я всегда стараюсь писать кросс-платформенный код, по крайней мере, для актуальных версий браузеров.
Уж и не знаю почему так получилось, но в калмыцкой Википедии надписи на Тодо-бичиг были оформлены самым нелепым образом! Вместо wiki-разметки использовались html теги и css стили, примерно следующего вида:

2012/11/06

Про writing-mode

Уж и не знаю как давно, но сразу два браузера Chrome и Safari научились отображать текст вертикально. Хоть IE 8+ уже давно имеет столь полезную функцию, делать сайты на Тодо-бичиг я не решался. Теперь дело осталось за малым, дождемся Firefox и Opera, и можно будет создавать кросс-платформенные сайты с тодо-содержимым! А пока небольшой текст для счастливых пользователей Хрома и Сафари, и бедолаг-поклонников IE.

ᡔᠠᡎᡅᡕᡅᠨ ᡍᡇᡋᡅᡃᠷᡅ
᠀ ᡈᡑᡈᠷ ᠰᡈᡃ ᡍᡆᡕᡆᠷ ᡅᠨᡇ ᡍᡆᠷᡅᠨ ᡑᡈᠷᡋᡉᠨ ᡔᠠᡎ᠃
ᠨᡅᡎᡄ ᡔᠠᡎ ᡑᡈᠷᡋᡉᠨ ᡏᡈᡔᡅ᠃ ᠨᡅᡎᡄ ᡏᡈᡔᡅ ᠠᠷᡋᠠᠨ ᡐᠠᡋᡇᠨ
ᡍᡇᡋᡅ᠃ ᠨᡅᡎᡄ ᡍᡇᡋᡅ ᠴᡅᠷᠠᠨ ᠠᡎᡔᡅᡏ᠃
ᡄᠨᡄ ᡋᡆᠯᡍᡇᠯᡃᠠ ᡏᠠᠨᠠᡅ ᡄᠷᡐᡄ ᡑᡄᡃᠷᡄ ᡔᠠᡎᡐᡇ
ᡍᡄᠷᡄᡎᠯᡄᠴᡅ ᡕᠠᡋᡇᡎᠰᠠᠨ ᡔᠠᡎᡅᡕᡅᠨ ᡍᡇᡋᡅᡃᠷᡅ ᡏᡈᠨ᠅



2011/03/10

Калмыцкое интернет телевидение

Что-то давно не писал, скажете вы (читатели).. А всё по тому, что я работал над проектом kalmykia.tv.
Это интернет видео портал для калмыков. Довольно интересный проект, на мой взгляд. Авторы этого проекта живут не в одном городе, а в разных странах, что не типично для традиционного телевидения. Поэтому передачи готовятся авторами самостоятельно, а не как обычно, на одной производственной базе. Помимо видео на сайте будет еще два раздела - блоги и фотоблоги.
Запланированная тематика передач - самая разнообразная, лишь бы было интересно (и связанно с калмыцким/ойратским народом).
Сайт успешно стартовал в первый день нового лунного года зайца - 5 марта 2011.
Так почему же я разместил этот пост именно здесь? Дело в том, что у нас в планах значится создание передач обучающих калмыцкому языку и Тодо-бичиг. Пожалуйста, оставьте в комментариях к этому посту предложения тем и вопросы о Тодо, которые, по вашему мнению, нужно осветить в этих передачах.

2010/06/04

Совсем чуть-чуть галиков

Посидел, подумал.. и решил показать, как выглядят надписи одной и той же мантры на тибетском и ойратском:

2010/06/02

Буква Ağ в кириллице

При транслитерации Тодо-бичиг на латынь руководствовался, в первую очередь, монгольским опытом, но одну букву нигде не мог найти. Пришлось “придумывать” самому. Дело в том, что письменную букву я не нашёл ни в одном языке. Вероятнее всего, я плохо искал, а может, её просто редуцировали практически все…

2010/05/19

Сингармонизм

В ойратском языке, как и во всех остальных монгольских языках, действует закон сингармонизма (гармонии гласных). Как я уже писал, в монгольских языках гласные делятся на мужские (A, O, U) и женские (E, Ö, Ü), а так же нейтральная I. По закону гармонии гласных в пределах одного слова не могут употребляться гласные разных рядов. Нарушения закона возможны в заимствованных терминах и именах собственных: Geloŋ, Meüɣal. Нейтральная гласная I возможна в словах с гласными и того и другого ряда.