Поддержка устройств
В соответствии с целями и задачами фреймворка, он должен хорошо работать на различных устройствах — мобильных телефонах, планшетах, ноутбуках и так далее, — поскольку необходимость воспользоваться справочником может возникнуть в самых разных ситуациях. Поэтому архитектура должна поддерживать их, а организация страниц должна быть, в первую очередь, адаптивной под различные разрешения экранов.
При этом важным требованием (хотя не всегда возможно ему следовать) является единственность контента — то есть подготовленный единожды контент должен благодаря фреймворку отображаться максимально удобно на всех видах устройств сразу, без необходимости создания различных версий.
Минусы каждого вида устройства должны учитываться, а плюсы — использоваться. Например, большой размер экрана настольного компьютера может позволить умещать больше взаимосвязанной информации рядом, а также добавлять (без ущемления читабельности) дополнительные элементы навигации по публикации. Мобильный же телефон должен обеспечивать максимальный акцент на контенте в силу ограниченности пространства, и поддерживать некоторые возможности при работе с горизонтально организованной информацией (таблицами, схемами и т.п.).
Виды устройств
Можно выделить следующие основные виды устройств:
- Настольные компьютеры с большими экранами
- Ноутбуки со средними экранами
- Планшеты — ориентированные горизонтально и вертикально
- Мобильные телефоны — также ориентированные горизонтально и вертикально
В дополнение к ним, можно учитывать более редкие устройства:
- Голосовые браузеры («читалки»)
- Печатающие устройства
В этой статье они не затрагиваются, но работа фреймворка с ними будет описана отдельно.
Реализуемая поддержка
В качестве базового уровня поддержки можно выделить такую модель адаптивности к разным экранам:
- Размеры от 1300 логических пикселей по ширине и больше — поддержка крупных мониторов.
- Размеры от 1000 до 1300 — поддержка мониторов ноутбуков, планшетов в ландшафтной ориентации
- Размер от 800 до 1000 — поддержка iPad и других планшетов в портретной ориентации
- Размер от 540 до 800 — поддержка мобильных телефонов в ландшафтной ориентации
- Размер меньше 540 — поддержка мобильных телефонов в портретной ориентации
Каждый уровень может отличаться размером базового шрифта (а значит и всех других), а также применением тех или иных подходов к адаптивной компоновке лэйаутов.
Для облегчения настройки вида используется логическая система CSS-стилей.