Обсуждение:Адаптивный веб-дизайн

Последнее сообщение: 9 лет назад от РоманСузи в теме «adaptive vs. responsive»

Замечания по статье:

ptQa 11:21, 15 января 2012 (UTC)Ответить



Спасибо за замечания!

  • Интервиков, к сожалению, не нашла.
  • Указала две категории: веб-разработка и CSS.

Ставлю повторно на проверку.
Milkmile 19:04, 15 января 2012 (UTC)Ответить

Пока метериалов по теме очень мало предлагаю добавить ссылку на подборку адаптивных шаблонов для сайтов http://www.templatemonster.com/ru/pack/responsive-website-templates/ Демо просмотр, который доступен для каждого из них, может быть очень нагляден. Если возражений не возникнет, то через неделю добавлю. Skrypka1985 10:35, 4 февраля 2012 (UTC)Ответить

Статья - полнейший шлак. Заходила некоторое время назад, было коротко, но по теме. Сейчас какие-то теоретики от веба пришли и вставили полную муть. Предположения каких-то абсолютно неавторитетных в среде разработки людей, описанные в блоге. Сразу видно, что люди не в теме, и сами этим не занимаются. Да и уже давно утихли споры на тему отзывчивого или адаптивного. Пожалуйста, если вы не знаете тему, не лезьте и не учите других. Эта область немножко сложнее, чем просто прочитать пару статей. Модераторов прошу вернуть старую версию статьи. 80.74.107.118 10:14, 28 декабря 2012 (UTC)Ответить

  • Можно ли конкретнее? Кто по-вашему будет авторитетным — если можно, вместе с источниками, на основе которых можно что-то написать. Напишите лучше, не забыв сослаться на авторитетные источники. И насколько старую версию Вы считаете за эталон? РоманСузи 18:23, 28 декабря 2012 (UTC)Ответить

Особенности технической реализации править

Уважаемый 81.211.62.150! Давайте не будем вести войну правок и сделаем раздел подходящим для википедии. В том виде, в котором Вы его добавляете, он является (являлся) копивио и спамом, как указал участник Rambalac. Сейчас же Вы добавили откровенно уродливое оформление с той же ссылкой. Зачем?

Конструктивно: я добавил источник, который можно считать авторитетным, и который довольно легко легально доступен через ЛитРес: там очень много по теме статьи и по технической реализации. РоманСузи 14:40, 26 сентября 2012 (UTC)Ответить

adaptive vs. responsive править

Тема разбирается здесь: Jared Ponchot, Responsive & Adaptive Web Design, 2011 В частности, там в конце есть список ссылок и литературы. Обсуждаемая статья адаптивный веб-дизайн, кажется, о responsive, но при этом называется "адаптивный веб-дизайн", хмммм.... Надо бы посмотреть внимательнее, что к чему. НА первый взгляд, responsive у́же и конкретнее. РоманСузи 07:36, 1 октября 2012 (UTC)Ответить

  • Viljami Salminen, Adaptive vs. Responsive, what’s the difference? (там, кстати, есть ссылки на дальнейшие источники). Если коротко, Responsive design = fluid layout; adaptive design = fluid layout + progressive enhancement. Осталось только с АИ разобраться. РоманСузи 17:46, 15 октября 2012 (UTC)Ответить
  • L. Jeffrey Zeldman, Responsive Design. I don’t think that word means what you think it means. - это наверное АИ, про этого господина есть статья в английской вики. 17:49, 15 октября 2012 (UTC)
  • Всё таки Responsive (отзывчивый) и Adaptive Web Design (адаптивный) - это немного разные вещи. Может всё таки стоит переименовать статью на "отзывчивый" в соответствии с английской версией статьи, либо заменить Responsive в начале на Adaptive? Adlaran 00:47, 2 июня 2014 (UTC)Ответить
    • Полагаю, что статья и о том, и о другом, а источники утверждают, что одно — частный случай другого. Поэтому пока не вижу смысла суетиться с разделением. Может быть, у Вас есть авторитетные источники, которые прольют еще больший свет на эти понятия? Пока что в англовики статья об адаптивном дизайне крайне куцая, смахивает даже на маргинальную теорию одного человека. (не исключаю, что понятий об адаптивных дизайнах несколько, но пока не не нашел никаких подтверждений этому) РоманСузи (обс) 15:24, 3 сентября 2014 (UTC) Правда, есть еще en:Adaptive website, но это уже точно о другом. РоманСузи (обс) 15:26, 3 сентября 2014 (UTC)Ответить

Товарищи, "адаптивный дизайн" не есть "отзывчивый дизайн"! Адаптивный дизайн - это когда создаются шаблоны дизайна под каждый монитор отдельно. Т.е. 20 мониторов - значит надо делать 20 шаблонов, и при загрузке сайта определять на каком мониторе его смотрит клиент. Отзывчивый дизайн - это один шаблон, который пытается угодить любому размеру монитора. Cсылка на разъяснения: https://www.uxpin.com/studio/blog/responsive-vs-adaptive-design-whats-best-choice-designers/ Coobit (обс.)

Принципы отзывчивого дизайна править

Все термины в основных принципах приведены по книге Маркотта, с сохранением перевода русского издания. Если есть желание назвать гибкий дизайн резиновым, пожалуйста, приведите ваши АИ, но для начала приведите статью о резиновом веб-дизайне в порядок, опять по авторитетным источникам. Приравнять гибкий дизайн в формулировке Итана к изображенному в этой статье резиновому сложно. РоманСузи 17:01, 30 октября 2012 (UTC)Ответить

Как ни называйте Адаптивный веб-дизайн по сути это и есть резиновый тип макета (тип макета и веб-дизайн разные определения), с теми же свойствами и недостатками, разве что название Адаптивный веб-дизайн можно считать торговым названием исполняемого дизайна SV team ESQ 08:27, 2 ноября 2012 (UTC)Ответить

  • Не нужно путать вместе «адаптивный дизайн» и «резиновую вёрстку». «Адаптивный» не синоним к «резиновый» и может реализоваться вообще через разные макеты в зависимости от типа устройства, разрешения экрана, возможностей браузера. Таким образом на устройствах с низким разрешением могут скрываться отдельные «лишние» блоки (или выноситься на новую строку изначально расположенные горизонтально) и в целом использоваться другие стили оформления, изображения в другом разрешении, другая цветовая схема, другая плотность расположения блоков, пререндеренная графика вместо неподдерживаемых стилей. Резиновый макет - оччччень частный случай адаптивной вёрстки. --Aleks Revo 00:16, 26 января 2013 (UTC)Ответить
  • Эта статья об адаптивном веб-дизайне в широком смысле, в смысле процесса, а не технологии реализации. Есть ли авторитетный источник, в котором было бы определение резинового типа макета? Из несчастной статьи на эту тему я так и не понял ничего (там нет источников, чтобы проверить, откуда эта резина пошла и что означает). Поэтому, беру перевод книги Итана и читаю: гибкий. Можно ещё цитирующих и описывающих responsive design авторов посмотреть, чай, responsive design не ВПМАРГ РоманСузи 09:23, 2 ноября 2012 (UTC)Ответить
    • Определения Фиксированный тип макета или Резиновый тип макета настолько стары, фактически возникли вместе с первыми сайтами Интернета и о каких либо описаниях определений или издании "книг" вообще ни кто не задумывался. Эти определения приняты по умолчанию как аксиома. Кто , где и когда впервые описал и упомянул в частности Резиновый тип макета на данный момент времени установить практически невозможно. Но независимо от этого определение есть и ни кто не возьмёт на себя пальму первенства в "изобретении" Резинового типа макета.SV team ESQ 10:08, 2 ноября 2012 (UTC)Ответить

Адаптивный тип макета править

Если уж и описывать явление Адаптивный веб-дизайн, как что то имеющее место быть, то следует переименовать статью на Адаптивный тип макета. Не стоит давать название в буквальном переводе от источника или родоначальника данного направления SV team ESQ 08:42, 2 ноября 2012 (UTC)Ответить

  • 1) статья про адаптивный веб-дизайн, а не тип макета. Но имеем "отзывчивый" тип макета как один из случаев реализации (и материал пока что по нему, так как статья не до конца сделана) - и с этим согласны найденные источники. 2) Название даётся на основании АИ. Найдёте другой АИ на эту тему (я понял, претензия к отзывчивому дизайну?) - заменим название. Если АИ называет "горшковым дизайном", значит так оно и есть. 3) для адаптивного типа макета должны быть отдельная статья, чтобы не путать подход к дизайну и техническую реализацию. Опять-таки, отзывчивый дизайн здесь как яркий представитель. РоманСузи 09:09, 2 ноября 2012 (UTC)Ответить
    • 1)отзывчивый дизайн здесь как яркий представитель. - Это вы "слегка" преувеличили, если уж говорить о ярком представителе web-дизайна в смысле адаптивности то наиболее определению яркости соответствуют сайты выполненные на основе Динамично эластичного типа макета. Действительно адаптирующемуся под любое разрешение, размеры устройства отображения и окна обозревателя...
      • Отлично. Если есть источники, в которых это развито (и прямо сказано), дополните статью. Это еще раз покажет, что отзывчивый - не единственный вариант реализации. РоманСузи 10:26, 2 ноября 2012 (UTC)Ответить
        • Статью дополнять не буду, в ваших интересах сделать её наиболее полной и понятной, с моей точки зрения , статья просто описание и только, на основании её я не представляю ни принципы, ни основу "Адаптивного веб-дизайна". SV team ESQ 10:48, 2 ноября 2012 (UTC)Ответить
          • Критика принята. РоманСузи 12:20, 2 ноября 2012 (UTC)Ответить
            • Некоторое объяснение точки зрения. Нейтрально-негативное отношение к "Адаптвному веб-дизайну" связано лишь только с тем что занимаюсь только Динамично Эластичным типом макета (DEE) на протяжении последних 2 лет, как наиболее Адаптивным подо всё, даже можно сказать что реализация DEE более проста чем реализация "Адаптивыный веб-дизайн", это конечно сугубо личное мнение, но всё таки. SV team ESQ 14:14, 2 ноября 2012 (UTC)Ответить
    • 2) Эта статья более описание (ода адаптивному веб-дизайну) чем определение. Наверно следует создать статью о типе макета, чисто с "математичекими" определениями адаптивного веб-дизайна как типа макета и внести её в Сайт.. SV team ESQ 10:12, 2 ноября 2012 (UTC)Ответить
      • Не понимаю, почему Вы сводите адаптивный веб-дизайн к типу макета. Критики адаптивного дизайна пока не нашёл. Пока не выявил адаптивного типа макета в "природе". Вы уверены, что не орисс? Хотя с терминами на русском часто бывает, что зауживают понятие по "яркому представителю" (не одно и то же с распространённым представителем). Например, та же проблема с APU, который называют гибридным ЦП. Статья "сайт" - один большой орисс. Добавлять туда что-либо не рискую. РоманСузи 10:26, 2 ноября 2012 (UTC)Ответить
        • Вы определяете Адаптивыный веб-дизайн как веб-дизайн, по буквальному переводу основоположников данного явления. Вообще то понятие веб-дизайна настолько широко что применить его чисто к определению типа, категории, раздела характеризующего какие либо свойства группы сайтов по отношению к разрешению мониторов, размерам мониторов и прочим показателям устройств сёрфинга несколько не корректно. Как ни крути но "чисто математическое, технологическое" определение Адаптивного типа макета, пусть даже и как частного случая Резинового или иного типа макета нужно. По поведению сайтов с "Адаптивыныы веб-дизайном" вижу отличия от Резинового и иных типов, но лёгкие изменения в HTML на сайтах c Фиксированным или Резиновым типом превратят их в "Адаптивыный веб-дизайн". Хотя мне и неизвестны ни принципы ни технология создания такого "веб-дизайна". Явление есть и следует его описать .....
          • Скажем так. Общие вопросы мы рассматриваем в статье веб-дизайн. Про адаптивный веб дизайн известно, что он отличается от веб-дизайна следованием принципу адаптируемости к различным устройствам (судя по источникам, есть два определения: "старый" адаптивный дизайн и более узкий - книга Adaptive web design и замечания именитых и не очень дизайнеров о нем). Если Вы знаете ещё какие определения откуда-нибудь - напишите. РоманСузи 12:20, 2 ноября 2012 (UTC)Ответить
            • На основании статьи веб-дизайн с вами бы поспорили некоторые создатели сайтов по поводу "правильности" названия "Адаптивного веб-дизайна" как определения, на основании лишь того что в общем понимании веб-дизайн это бкувально только картинка а не адаптивный механизм страниц сайта. Коротко говоря "Адаптивный веб-дизайн" сайта это вообще совокупеость всего, и внешний вид, и HTML и прочее, прочее. А Адаптивный тип макета это свойства страницы сайта. SV team ESQ 13:58, 2 ноября 2012 (UTC)Ответить
  • И вообще по моему мнению "Адаптивный веб-дизайн" уже морально устарел, обладая некоторыми недостатками, его нельза признать лучшим вариантом для сайта в общем, возможно в смартфонах или иных аналогичных устройствах он и неплох, но в тех приимерах сайтов что есть в статье, есть противоречивые недостатки верстки. Ощущается недоработка, гибридность решения вопроса. Впрочем это всё не имеет отношения к содержанию статьи. SV team ESQ 14:05, 2 ноября 2012 (UTC)Ответить

PS. что имеете под определением орисс ??? Абревиатурами не увлекаюсь. SV team ESQ 10:52, 2 ноября 2012 (UTC)Ответить

  • ВП:ОРИСС - оригинальное исследование. Если коротко, в Википедии как правило нельзя писать в соответствии со своим пониманием вопроса, а требуются ВП:АИ, в которых и должно быть всё (за исключением тривиального) описано. Другими словами, даже если Вы - крупный спец в веб-дизайне, написанное не должно быть вашей теорией, а должны быть ссылки, чтобы читатель мог проверить написанное. РоманСузи 12:20, 2 ноября 2012 (UTC)Ответить
    • ВП:ОРИСС Понятненько.... Немного отойдём от темы, опустим типы и веб-дизайны.....

Это грубо говоря, если ОРИСС, без АИ то статья не имеет права быть. Тогда например как быть со статьёй Динамично эластичный тип макета?

Дилема вопроса в том что эта статья всегда будет без ВП:АИ, впрочем как и аналогичные по другим типам макетов. АИ для неё нет и в ближайшем обозримом будущем не будет. Несмотря на то что данный тип макета (Динамично эластичный - DEE) существует, развивается количественно. Вопрос в том что основоположником, разработчиком и популяризатором являюсь практически в подавляющем только я. И так как не собираюсь писать каких либо АИ и т п и т д, (да и не вижу необходимости в подтверждении того что существует), данный материал будет всегда ОРИСС без АИ..... SV team ESQ 13:17, 2 ноября 2012 (UTC)Ответить

  • Не будет. Кто-нибудь отправит К удалению. (у д а л и с т ы не дремлют). Неужели DEE никак не светится в журналах и т. п. Или может Вы - Артемий Лебедев, тогда записи в блоге будет достаточно. РоманСузи 14:39, 2 ноября 2012 (UTC)Ответить
    • Пару лет назад, в течении года, в стадии разработки, DEE ни где ни как не светился из за того, вообщем что бы НЕ "спионерили" принцип создания, слишком уж простое оказалось решение вопроса, всего то несколько принципов как.... И когда уже собственно говоря, было громко сказано что DEE существует, оппоненты перемололи ему косточки со всех сторон, что собственно только укрепило веру в том что "Наш паравоз на правильном пути". За последний год мало кто решился на самостоятельную реализацию DEE для своих сайтов без наших подсказок. Всё зависит от квалификации верстальщика, парочка с разным успехом уже двигаются по рельсам DEE ,разумеется не без наших подсказок, типа как надо, а как нельзя. Я не Артём и даже близко его не знаю. Были конечно мысли засветить где нибудь и как нибудь по крупному, да как то с течением времени эта идея умерла сама собой, типа ОНО мне надо ???? SV team ESQ 15:00, 2 ноября 2012 (UTC)Ответить

Рассмотрение понятий в статье править

Сейчас статья рассматривает как адаптивный, так и отзывчивый дизайн, который, судя по приведенным источникам, является частным случаем. Просьба не удалять части раздела Понятия. РоманСузи (обс) 15:13, 3 сентября 2014 (UTC)Ответить

Медиа-запросы править

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