Какие нужно учитывать факторы при наборе текста для адаптивных проектов?

Question

[Монти Пайтон]

Есть-ли какая то техника для составления контента в html формате чтобы информация смотрелась гармонично и композиционно на разных устройствах (с картинками вродебы всё понятно, их можно уменьшать от большего к меньшему в зависимости от вьюпорта)

P.S. может надо использовать больше списков, или неразрывные пробелы, хаки, трюки, что угодно, даже просто любая идея которая вам пришла сразу на ум при прочтении подробностей к вопросу будет кстати

Answer 1

[Odisseya]

• учитывать висячую типографику,
  
• прогнать тексты через типограф,
  
• тестировать блоки на переполнение,
  
• для маленьких вьюпортов: разрешить переносы слов (hyphens: auto) и возможность разрывов слов по буквам в таблицах.
  

Comments

[Монти Пайтон]

тестировать блоки на переполнение

просто не забывать растягивать и "сдавливать" столбцы не забывать, или есть какието специальные инструменты для этого с методами?

[Odisseya]

У меня это автоматизировано, самописный инструмент автоматом наполняет блоки контентом, делает скрины через определенные интервалы (добавляет больше текста, длинные слова) и тестирует это на разных размерах вьюпорта, чекает отступы до блоков-соседей, проверяет чтобы за границы блока контент не выпадал, горизонтальный скролл не появлялся. Раньше вручную тестировала: самые важные блоки (первый экран, меню, формы…) — в инспекторе браузера дописываем по паре строк/абзацев текста в блок, включаем адаптивный режим — ничего ли ни развалилось?

[Монти Пайтон]

Odisseya, а чем вы это автоматизируете?