Определение адаптивного веб-дизайна

Много лет назад, когда технологии были тем, чем они были, нужно было беспокоиться только о том, что визуальные элементы, которые они делают (изображения, игры, интерфейсы приложений и т. д.) хорошо смотрелись на экране, который находился примерно в 14 дюймах от монитор из компьютер. Но эволюция Это было неудержимо, и в настоящее время у нас есть множество устройств и форматов.

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

Интернет - прорыв, появившийся в 90-х годах и с тех пор ставший важным, - также претерпел эти изменения в сценарии платформы, из которого могут быть использованы, и организации, которые управляют веб-стандартами, должны были выбрать оригинальные решения, чтобы облегчить жизнь разработчикам интерфейсов. Интернет.

Адаптивная веб-страница (также называемая

instagram story viewer

отзывчивый, принятие оригинального английского слова) - это слово, размер интерфейса которого автоматически изменяется, а его Графические элементы перемещены для удобного просмотра при любом размере экрана и соотношении сторон. внешний вид.

Давайте подумаем о разнообразие форматы экрана варьируются от смартфона с экраном 5 дюймов и соотношением сторон 18: 9, на котором можно читать вертикально, до телевизора 16: 9 40 дюймов, оставляя компьютер или планшет между ними.

Пока не были предприняты шаги по созданию интерфейса график веб-страниц автоматически адаптируется к экрану, на котором они просматривались, «Решение» состояло в том, чтобы предвидеть все возможные форматы и при необходимости обслуживать разные страницы. Проблема заключалась в тех непредвиденных форматах, которые естественным образом обеспечивала технологическая эволюция.

Инструменты для создания адаптивного дизайна, который адаптируется к формату экрана, на котором просматривается изображение. веб-сайт, независимо от формата и размера экрана, были установлены W3C (World Wide Web Консорциум).

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

Это позволяет вам изменять внешний вид всего веб-сайта (понимаемого как набор страниц), не касаясь код источник всех файлов HTML, поскольку он отличается от определений стиля и представления (содержащихся в файл CSS) содержимого (находится в файлах HTML).

Элементы адаптивного дизайна обсуждались и вводились в веб-стандарты консорциумом W3C с конца первого десятилетия 21 века.

Это из запуск первого iPhone в 2006 году, когда началась гонка за настройку веб-сайтов таким образом, чтобы отлично видно как на настольных браузерах и на больших экранах, так и на устройствах мобильные.

Фото Fotolia: Алексей Шкитенков / Бобб Клиссурски