Справочник понятий и терминов

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

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

Медиа-Запросы (Media-Queries) – продолжение развития правила @media в стилях. Начиная с CSS2.1 данная технология позволяет влиять на стили отображения страницы в зависимости от ряда характеристик устройства. Медиа-Запросы являются одной из основополагающих концепций адаптивной разработки.

Резиновая сетка (Flexible Grid) – одно из направления технологии Сетки, при которой изначальная сетка сайта приобретает не четка заданный размеры, а пропорциональность. Таким образом достигается единое расположение элементов вне зависимости от размера макета.

Сетка (Grid) – технология пришедшая из типографики, когда при проектировании и прорисовке сайта его элементы привязываются к виртуальной сетке. Таким образом получается лучше оформленный и структурированный контент.

Сначала мобильные (Mobile-First) – одно из направлений технологии прогрессивного улучшения, когда сайт изначально разрабатывается и оптимизируется под мобильные устройства, и только потом к мобильной версии начинают добавлять версии для других устройств.

Область просмотра (Viewport) – может приобретать два значения: 1. Специальный тэг , позволяющий передавать браузеру информацию о том, какой ширины и какого увеличения может быть данная страница, 2. Общее понятие области просмотра данных на экране, которое может отличаться от физического размера экрана.