Адаптивный веб-дизайн: различия между версиями

[отпатрулированная версия][отпатрулированная версия]
Содержимое удалено Содержимое добавлено
Спасено источников — 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=httphttps://www.webcitation.org/6GqmYdfqw?url=http://alistapart.com/article/responsive-web-design|archivedate=2013-05-24}}</ref>.
 
== Понятия ==
Впервые понятие '''''отзывчивого веб-дизайна''''' ({{lang-en|responsive web-design}} от [[Адаптивная архитектура|responsive architecture]]) ввёл Итан Маркотт<ref>{{cite web|url=http://ethanmarcotte.com/|title=Итан Маркотт — персональный сайт|accessdate=2012-01-13|lang=en|archiveurl=httphttps://www.webcitation.org/6AXzDGhre?url=http://ethanmarcotte.com/|archivedate=2012-09-09}}</ref> в одной из своих статей в мае 2010 года<ref>{{cite web|url=http://www.alistapart.com/articles/responsive-web-design|title=Статья Responsive Web Design by Ethan Marcotte|accessdate=2012-01-13|lang=en|archiveurl=httphttps://www.webcitation.org/6AXzDl014?url=http://www.alistapart.com/articles/responsive-web-design|archivedate=2012-09-09}}</ref>.
Впоследствии он выпустил книгу под названием «Responsive Web Design», посвященную данной технологии{{sfn|Marcotte|2011}}.
 
Строка 27:
; в дополнение к этому в адаптивном дизайне:
* применение постепенного улучшения;
* проектирование для мобильных устройств с самых ранних этапов<ref>{{cite web|url=http://yiibu.com/about/site/|title=Сайт группы исследователей мобильных веб-разработок|accessdate=2012-01-13|lang=en|archiveurl=httphttps://www.webcitation.org/6AXzEUYGR?url=http://yiibu.com/go/hello.php?http%3A%2F%2Fyiibu.com%2Fabout%2Fsite%2F|archivedate=2012-09-09}}</ref>.
* плавное перестраивание блоков в отзывчивом дизайне при изменении размера экрана (например, при повороте планшета)