Адаптивный веб-дизайн: различия между версиями
[отпатрулированная версия] | [отпатрулированная версия] |
Содержимое удалено Содержимое добавлено
Sunpriat (обсуждение | вклад) |
Спасено источников — 4, отмечено мёртвыми — 0. #IABot (v1.5.2) |
||
Строка 1:
'''Адаптивный веб-дизайн''' ([[Английский язык|англ.]] Adaptive Web Design) — дизайн [[веб-страница|веб-страниц]], обеспечивающий правильное отображение сайта на различных устройствах, подключённых к [[интернет]]у и динамически подстраивающийся под заданные размеры окна браузера.
Целью адаптивного веб-дизайна является универсальность отображения содержимого веб-сайта для различных устройств. Для того, чтобы веб-сайт был удобно просматриваемым с устройств форматов и с экранами различных [[Разрешение (компьютерная графика)|разрешений]], по технологии адаптивного [[Веб-дизайн|веб-дизайна]] не нужно создавать отдельные версии веб-сайта для отдельных видов устройств. Один сайт может работать на смартфоне, планшете, ноутбуке и телевизоре с выходом в интернет, то есть на всем спектре устройств<ref name="fluid_grid">{{cite web|last=Marcotte|first=Ethan|title=Responsive web design|date=2010-05-25|work=A List Apart|url=http://www.alistapart.com/articles/responsive-web-design/|archiveurl=
== Понятия ==
Впервые понятие '''''отзывчивого веб-дизайна''''' ({{lang-en|responsive web-design}} от [[Адаптивная архитектура|responsive architecture]]) ввёл Итан Маркотт<ref>{{cite web|url=http://ethanmarcotte.com/|title=Итан Маркотт — персональный сайт|accessdate=2012-01-13|lang=en|archiveurl=
Впоследствии он выпустил книгу под названием «Responsive Web Design», посвященную данной технологии{{sfn|Marcotte|2011}}.
Строка 27:
; в дополнение к этому в адаптивном дизайне:
* применение постепенного улучшения;
* проектирование для мобильных устройств с самых ранних этапов<ref>{{cite web|url=http://yiibu.com/about/site/|title=Сайт группы исследователей мобильных веб-разработок|accessdate=2012-01-13|lang=en|archiveurl=
* плавное перестраивание блоков в отзывчивом дизайне при изменении размера экрана (например, при повороте планшета)
|