Адаптивность: тренд или необходимость?
Обновление интернет-магазина и мелкие багфиксы!

Наверняка вы хоть раз слышали об адаптивном дизайне, сайте или шаблоне. Какое отношение это имеет к uCoz и почему уже пора задуматься об отображении вашего сайта на мобильном устройстве?

В этом посте приведены некоторые интересные цифры и рассказано о том, как сделать сайт адаптивным.


Адаптивный веб-дизайн (англ. Responsive web design) — дизайн веб-страниц, обеспечивающий отличное восприятие на различных устройствах (компьютеры, ноутбуки, смартфоны, планшеты) подключённых к интернету. Проще говоря, это способ сделать сайт удобным для восприятия даже на небольшом экране телефона (без необходимости маcштабировать страницу).

Начнем со статистики. Вам наверняка покажется интересным тот факт, что в 2013 году количество мобильных устройств с выходом в сеть наконец-то превысило количество подключенных к интернету ПК. Век мобильного интернета наступил!

Объем мобильного трафика (без учета планшетных ПК) в мире на июнь 2013 составил около 16%, тогда как в России эта цифра меньше - 6.4%. Разумеется, эти цифры растут со временем. Все это говорит о том, что интернет все больше становится мобильным, и игнорировать этот тренд, по меньшей мере, беспечно.

Если вы являетесь владельцем интернет-магазина, то потеря прибыли из-за неудобства покупки на мобильном устройстве может достигать 3-4%. Кажется, что это совсем немного, но переведите проценты в реальные деньги и подумайте, стоит ли заниматься “адаптивизацией” магазина.

Но как сделать ваш сайт в системе uCoz адаптивным? Есть несколько способов:
  1. Купить готовый адаптивный шаблон для uCoz.

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

    Кстати, с 15 по 31 июля TemplateMonster делает скидку 50% на все свои шаблоны. Примечательно, что мировой лидер по продаже шаблонов уделяет большое внимание адаптивности (все шаблоны прекрасно отображаются на мобильном устройстве).

  2. Разработать уникальный адаптивный дизайн
    (с его последующей версткой и переносом в систему uCoz).

    Преимущество очевидно: вы сами сможете участвовать в разработке концепции и дизайна сайта, вносить корректировки и на выходе получить именно то, что нужно вам. Минусом, несомненно, является дороговизна такого процесса. Кроме того, всегда есть риски, что при работе с исполнителем, конечный результат вам не понравится.

  3. Дождаться обновления списка стандартных шаблонов.

    Большинство стандартных шаблонов в системе uCoz морально устарело. Поэтому активно ведется работа по разработке стильных и современных шаблонов, которые будут доступны бесплатно для всех пользователей системы. Точных сроков релиза пока нет, но уже есть первые скриншоты того, как могут выглядеть сайты, сразу после их создания:


Все новые шаблоны будут адаптивными, то есть посетители смогут наслаждаться просмотром сайта и на мобильном устройстве, а PDA-версия уйдет в прошлое.

С уверенностью можно сказать, что будущее за мобильным интернетом. Пусть и ваш сайт в системе uCoz радует посетителей на любом устройстве!

103 комментариев
1 2 »
1 Написал onemore 17 Июль 2013, 17:22
в принципе мобильные технологии идут в сторону увеличения разрешений экранов так что если очень лень можно имхо и не делать адаптивный дизайн а просто ограничиться связкой фиксированной ширины + pda версии (которая на укозе также легко настраивается) для крайних случаев.

про необходимость минималистичных современных дизов в бесплатном паке уже сто лет говорится. будет интересно посмотреть. последние бразильские дизы были все еще олд-скул, например.
2 Написал Olsiva 17 Июль 2013, 17:30
Я с Вами не соглашусь. Количество различных разрешений смартфонов довольно большое уже сейчас, под все не угадаете. Адаптивность - это не только подстраивание под маленькие экраны, но и под большие, в т.ч. 1920 и больше. Тут нет привязки под конкретные разрешения. PDA-версия однозначно уходит в прошлое.
3 Написал Miss_Esq 17 Июль 2013, 17:57
Угадывать разрешене и не надо, есть методы позволяющие игнорировать разрешение как параметр устройства отображения в любом диапазоне реальных и в том числе предположительно перспективных. Значение имеет только размер экрана.
Если уж и делать адаптивный дизайн то как раз именно на базе PDA шаблонов, именно для мобильных устройств с размерами мониторов до 7-8 дюймов. При больших размерах адаптивный дизайн не нужен.
А сложность создания такого типа макета, вообще не достижима для большинства ..
12 Написал Olsiva 17 Июль 2013, 21:35
Может вы и имеете ввиду адаптивность? Люди часто не понимают разницы между мобильной и адаптивной версией. Расскажите, что для вас мобильная версия.

Адаптивный дизайн - он один. А мобильная и десктопная версии - это 2 разных дизайна, и средств на их разработку уйдет больше, поэтому мобильная версия уходит в прошлое.
17 Написал Miss_Esq 17 Июль 2013, 22:16
Адаптивный то один, но и утверждать что он прост нельзя, значительно сложнее, не каждое сложное решение лучшее .
Лучше 2 варианта но простых чем 1 универсальный но сложный .
Опирается же адаптивный по прежнему на разрешение, а это минус такой же как и для фиксированного и резинового типа макета ..
18 Написал Olsiva 17 Июль 2013, 23:56
С чего вы взяли, что он сложный? Расскажите-ка в чем он сложнее, это интересно, тк я имею опыт разработки адаптивных сайтов smile
30 Написал Miss_Esq 18 Июль 2013, 09:28
У вас опыт по адаптивнму дизайну, но он нужен от 6% до 16 % пользователей. Получается что он просто частный случай для маленьких экранов (PDA версия) до 7"-9". Но "маленькие" экраны имеют тенденцию к увеличению габаритов и что более важно разрешения. А вот разрешение то как раз и есть непреодолимый камень преткновения для фиксированного, резинового и адаптивного, чем больше разница между минимальным и максимальным тем больше проблем.
А так как разрешение порядка 2K далеко не редкость и не за горами массовое появление разрешений порядка 4K, проблемы связанные с разницей в разрешениях от 1K до 2K уже актуальные сейчас, возрастут на порядок при большем разрыве значений разрешений, от 1K до 4K (молчу про мксимум в 6K - 8K biggrin )...
Адаптивный дизайн не панацея ...
36 Написал Olsiva 18 Июль 2013, 11:23
Вы плохо представляете о чем говорите. Для адаптивного дизайна есть перспектива для любых разрешений и устройств. Можно для экранов больше 2к написать правило (так делается адаптивная верстка) как будет отображаться сайт и все, не надо ничего мудрить.

Хотите верстку для абсолютно новых устройств, например, Google Glass? Просто пропишите правило для отображения сайта в таком типе устройств - готово, не надо ничего сочинять.

Релаьно надоело слушать доводы неведующих в этом людей, активно дкоазывающих свою позицию. Давайте через 5 лет посмотрим где будет PDA-версия и где адаптивная верстка. Может и я признаю свою неправоту, но сейчас это все бессмысленно, тем более с такими доводами.
41 Написал Miss_Esq 18 Июль 2013, 11:49
В том то и недостаток что для разных разрешений, устройств, размеров устройств нужны разные, индивидуальные "правила". Изначально адаптивный
Цитата
Проектирование начинается с адаптивной версии веб-сайта для мобильных устройств

 
это и есть основное, этим всё сказано.
Вы за идею интересов меньшинства (6% - 16%) "натянуь" на интересы большинства, владельцев "больших мониторов". Не стоит позиционировать его  как идеальное решение для всех и вся.
Ни чего против не имею против адаптивного дизайна, но это, повторюсь, не панацея ото всех проблем, а частное решения универсализации сайта изначально тематически предназначенного для мобильных утройств..
 
Через 5 лет говорить не о чем будет, адаптивный так и останется решением для сайтов "мобильных утройств". Для мониторов же от 10" адаптивный не имеет ни какого смысла ....
42 Написал Olsiva 18 Июль 2013, 12:02
Нет никаких индивидуальных правил. Задается правило: для экранов меньше какого-то значение, контент будет показываться так. Далее еще меньше экраны - новые правила. Просто идет деление на заданное количество разрешений, так что любое устройство получает свое правило. Странно, что мне приходится это объяснять.

Принцип "Mobile first" многим нравится именно потому, что там легко понять, что реально нужно сайту, а что нет. Это стремление к минимализму, хорошо ооснованное. "Городить огород" на сайте с кучей ненужных элементов - пережиток прошлого. На мобильной версии легче понять, что реально нужно, это вопрос юзабилити.

Сегодня 6-16% (только c мобильных), завтра 50-70% (и с разных устройств: телевизоров, гугл очков, наручных часов), что будем делать? smile
48 Написал Miss_Esq 18 Июль 2013, 12:43
Цитата
что будем делать?

biggrin
PDA-адаптивная версия для мелких размеров. Для сайтов изначально расчитаных и на пользователей мобильных устройств.
А что делать если сайт не то что изначально не расчитывается на мобильные устройства и даже более, просто предсталяемую информацию не всунуть в монитор размеров от  9" и менее ????
49 Написал Olsiva 18 Июль 2013, 12:54
Адаптивность решает все эти проблемы. Пора закончить этот бессмысленный балаган.
avatar
69 Написал Desmond 19 Июль 2013, 20:23
Цитата
Сегодня 6-16% (только c мобильных), завтра 50-70% (и с разных устройств: телевизоров, гугл очков, наручных часов), что будем делать?
 Речь о трафике из СНГ? Здесь в ближайшие 5 лет PDA будет прекрасно жить. Хоть с портативного голографического проектора сайт смотрите — если он МОБИЛЬНЫЙ, т.е. переносится в кармане, то он подключается к МЕСТНОМУ беспроводному провайдеру, а эти шевелиться не будут: трафик останется дорогущим, скорость минимальной. С чего бы им шевелиться?

В них (в большинстве) доля государства: а значит они защищены, получают дотации, и для них искусственно создается право на монополию. Зачем обновлять оборудование, если у клиентов выбора нет. По хорошему, меняться ничего не будет дольше чем 5 лет, но раз уж вы назвали такую цифру...

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

Но не буду бухтеть. Как правильно сказали выше оба дискутанта: разумеется, хороший адаптивный диз лучше, чем отдельно PDA, и отдельно стандарт, но реально хорошая адаптивка стоит офигительно дорого и офигительно сложна в обслуживании. Так что, если uCoz сподвигнется сделать бесплатные адаптивки в шаблонах — скажу им огромное спасибо: мне будет что исследовать, будет чему поучиться; а для самой компании это будет мощный скачок в конкурентоспособности. Удачи.
avatar
44 Написал _krt_ 18 Июль 2013, 12:25

Цитата
Можно для экранов больше 2к написать правило (так делается адаптивная верстка) как будет отображаться сайт и все, не надо ничего мудрить.

Кроме написания правил нужно ещё подготовить графику для различных DPI экранов. Иначе для High DPI экранов изображения начинают автоматически масштабироваться браузером и ОС и выглядит все это не совсем хорошо (замыленые картинки).
46 Написал Olsiva 18 Июль 2013, 12:30
Разумеется надо. Грамотная адаптивность - это не только верстка с группировкой элементов. Плюс ретину и векторные изображения никто не отменял.
28 Написал redhead7 18 Июль 2013, 09:09
По вашему сделать один адаптивный дизайн сложнее, чем 2 разных? Это ваше право, но я предпочту все же 1 адаптивный.
31 Написал Miss_Esq 18 Июль 2013, 09:31
Если остро нуждаетесь в PDA версии сайта то Адаптивный дизайн выход. В противном случае это не выход лужи а погружение в неё biggrin ...
62 Написал Kron 19 Июль 2013, 09:50
Не смотря на то, что вас засыпали минусами, ваши слова (во всех комментариях) значительно ближе к реальному положению дел, чем слова других участников дискуссии.

Адаптивный дизайн - это просто термин, который каждый понимает как ему хочется (вроде высказывания "женщина должна быть мудрой").

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

Нужно помнить, что разработчики мобильных устройств и ОС/браузеров для них, мыслят не так как мыслит начитавшийся Хабр вебмастер и понимают, что 99,99% сайтов никогда не будут адаптивными, а значит нужно адаптироваться к ним, дабы их устройства были более удобны, а значит лучше продавались.

Если сделать простые выводы, основываясь на текущем положении дел в веб-индустрии, то получится следующее:
Адаптивный дизайн для простых сайтов: НЕТ (понимаем, что бывают исключения)
Адаптивный дизайн для сервисов*: ЖЕЛАТЕЛЬНО

* примеры сервисов, которым стоит иметь адаптивный дизайн:
- социальные сети
- банковские системы
- системы знакомств
- системы поиска работы
- панели управления многопользовательских систем (например панель управления юкоза можно было бы сделать адаптивной, хотя большого смысла в этом нет)
- ... надеюсь достаточно для понимания основной мысли
68 Написал Miss_Esq 19 Июль 2013, 16:43
Минусы меня вообще не трогают.
Моё мнение:
Адаптивный дизайн актуален для мониторов с размерами меньше 8-9 дюймов.
От 10 дюймов и более, любые другие дизайны и типы макетов гораздо выгоднее и проще в реализации чем Адаптивный ...
77 Написал SOFTOLAB_COM 20 Июль 2013, 12:40
Я бы так не сказал, щас уже и в 5" FullHD скоро повсеместно толкать будут)
79 Написал Miss_Esq 20 Июль 2013, 15:36
Вот именно что разрешение как точка отсчёта как раз и является ахилесовой пятой, всех типов макетов и дизайнов, кроме  удалено цензурой типа макета ...
25 Написал Head-Mad 18 Июль 2013, 08:13
Считаю, что совсем отказываться от PDA-не стоит. Интернет, конечно, уже повсеместен, но ни везде он быстр, чтоб пользователи могли на своих телефонах, могли в одно мгновение загружать страницы весом в мегабайт. Так что наиболее приемлемым решением, думается мне, будет совмещение этих технологий. Например используя условный оператор с $USER_AGENT_PDA$. И весьма были бы полезны операторы для определения устройств таких как планшеты ну и операционных систем, хотя бы Android и iOS
37 Написал Olsiva 18 Июль 2013, 11:28
Все эти вопросы решаемы в рамках адаптивности, и по затратам делается это легче и эффективнее.
57 Написал Head-Mad 18 Июль 2013, 21:11
в рамках адаптивности, не подключая дополнительных скриптов- это только определение диапазонов разрешения, плотности и ориентации экранов. Я говорю о том что можно значительно сокращать код, а не скрывать его за стилями, + подгрузка внешних скриптов. Для мобильных устройств - одни, для стационарных и лэптопов- другие.
21 Написал o_Lisovenko 18 Июль 2013, 01:51
Поддержу onemore в том, что достаточно обычной версии сайта что бы нормально смотреть на мобильных телефонах ее. Экраны позволяют.

Адаптивная верстка это конечно плюсик к удобству, но не всегда это так важно. Имхо.
4 Написал Miss_Esq 17 Июль 2013, 18:56
Адаптивный дизайн не совсем удачная (сложная) попытка решить вопрос разрешения экрана монитора и не всякий сайт можно переделать под него . Разрешение, назначение разрешения это - отображение большего количества точек на единицу площади, только с целью улучшения качества изображения отображаемого объекта (изображение, видео и т п). Изначальная привязка к разрешению тупиковая ветка ...
5 Написал sergeymitrichev 17 Июль 2013, 19:10
Весьма символический пост в блоге, где чтобы оставить коммент с мобильного надо попотеть.)))
13 Написал Olsiva 17 Июль 2013, 21:36
Никто тут не говрил, что у нас сейчас все идеально. Работа ведется сейчас в этом направлении, что и указано в посте.
58 Написал sergeymitrichev 18 Июль 2013, 22:16
Дда я не в укор, сказать что все идеально, значит остановиться, так что не надо, продолжайте развиваться))
6 Написал Kleindberg 17 Июль 2013, 19:31
Пишите об адаптивных шаблонах, а у самих корявая мобильная версия. Очень не удобно с телефона читать ваш блог.
11 Написал Olsiva 17 Июль 2013, 21:31
Мобильная версия и адаптивность - разные вещи.
20 Написал o_Lisovenko 18 Июль 2013, 01:49
Совсем скоро блог будет удобнее с телефона.
7 Написал SOFTOLAB_COM 17 Июль 2013, 20:17
Ну все, закидали помидорами автора, она вся красная уже smile
10 Написал Miss_Esq 17 Июль 2013, 21:14
Автор материала блога не причём, помидоры предназначены - Итану Маркотту biggrin
14 Написал Olsiva 17 Июль 2013, 21:39
Я думаю, не все до конца понимают, что такое адаптивность, отсюда и такие комментарии smile Я не первопроходец в адаптивности, это уже современный тренд, жаль что у нас до сих пор есть люди (довольно активно излагающие свою позицию), которые еще цепляются за старое, не понимая всех плюсов адаптивного дизайна.
16 Написал Miss_Esq 17 Июль 2013, 22:09
Я не цепляюсь за старое, есть своё "новое", перешагнули через Адаптивный дизайн буквально с его появления.
Применительно к мобильным версиям сайта, как PDA шаблоны, возможно он и актуален, НО смешивать мобильную версию и основной шаблон в одном флаконе не вариант. Плюсы Адаптивного дизайна для мобильной версии несомненны, а для "больших мониторов" "весьма спорны". Универсальность не всегда есть плюс, если рассматривать весь диапазон расширений и размеров устройств отображения, адаптивный дизайн один из узконаправленных решений ...
Мы же в своих решениях разрешение монитора и масштаб окна обозревателя исключили из факторов влияющих на отображение сайта ....
19 Написал Olsiva 17 Июль 2013, 23:58
Мы говорим на разных языках. Аргументация "не вариант", извините, на уровне детского сада. Повторюсь, что опыт разработки адаптивных дизайнов  у меня есть и я знаю, о чем говорю.
24 Написал Drinko 18 Июль 2013, 02:32
Olsiva, любой адаптивный дизайн на небольших (10-15") экранах с Retina или 4K (а сейчас подобные устройства начали массово появляться как грибы после дождя) без масштабирования будет нечитаем. Т.ч. Miss_Esq правильно говорит - сейчас уже важно не разрешение экрана, а исключительно его размер.
26 Написал Olsiva 18 Июль 2013, 08:50
На планшетах нечитаем? Не говорите ерунды. В адаптивных дизайнах есть версия под планшетное разрешение. И ретина тоже может поддерживаться.
29 Написал redhead7 18 Июль 2013, 09:11
Открываю адаптивные шаблоны с utemplate с мобильного (меньше 5") - очень даже читаемо. А что говорить тогда о 10-15".
32 Написал Miss_Esq 18 Июль 2013, 09:36
10" - 15" это не "маленькие экраны", а вполне нормальные на которых и обычные типы макетов читаемы отлично ...
34 Написал Miss_Esq 18 Июль 2013, 09:51
Это вы слегка загнули, 10 дюймов по моим понятиям вполне нормальный размер, любой сайт на таком размере отображается нормально ...
38 Написал Olsiva 18 Июль 2013, 11:29
Нет, не любой.
33 Написал Miss_Esq 18 Июль 2013, 09:41
Я и не парюсь, есть своё решение проблемы разрешения, масштаба, размера окна (DEE, DAD-EE), за ними будущее. Итан Маркотт пропиарил свою разработку, бросил камень, по воде разходятся круги, что ещё нужно что бы встретить старость ??? biggrin
39 Написал Olsiva 18 Июль 2013, 11:31
Опять же, время нас рассудит.
43 Написал Miss_Esq 18 Июль 2013, 12:06
В области размеров от 0" до 9"" (максимум) рассудит, при больших размерах от 10" и более, хоть до 30" - 40" только DEE наиболее универсален. в том числе и для широкоформатных 19:6...
45 Написал Olsiva 18 Июль 2013, 12:26
Пошел уже оффтоп, если по теме нечего сказать, предлагаю закончить.
47 Написал redhead7 18 Июль 2013, 12:40
DEE - ваше личное решение? или Вы просто его пиарите?..
Откройте обычный сайт с современного телефона и браузера - браузер и так сожмет сайт в экран (по сути ваше DEE), все равно ничего не читаемо особо без масштабирования.
На больших экранах(30, 40 дюймов) телевизоров разрешение тоже не особо отличается от Full HD (1920 x 1080), будет выглядеть как и на большом мониторе, только больше гораздо, зачем для этого еще скрипты использовать и т.д., может вам пересмотреть свою позицию стоит?
50 Написал Miss_Esq 18 Июль 2013, 15:00
DEE не ориентирован на устройства отображения с  размерами меньше 9"-10", не пиарим, нет нужды в этом, наша работа ...

Цитата
тоже не особо отличается


Мониторы с 4K есть, правда пока не по карману, но не в цене дело ..

Цитата
может вам пересмотреть свою позицию стоит


Вы не первый сомневающийся, ввиду того что вы не в курсе, выкладывать весь расклад преимущества-эргономичности DEE здесь не имеет смысла, займёт несколько страниц. Но это явно не понравится администраторам. Уверяю вас - Вы забуждаетесь ...
51 Написал redhead7 18 Июль 2013, 15:20
Ваша позиция ясна, ок.
8 Написал Сестра-Таланта 17 Июль 2013, 20:47
Адаптивный дизайн это очень хорошо, но вот модули юкоза и закрытый код в BODY до сих пор в таблицах, а значит на уровне 90-х.
Ждем глобального апдейта "DIV-ная перестройка" smile
9 Написал Miss_Esq 17 Июль 2013, 21:12
А что мешает писать свои div шаблоны?
Не думаю то Адаптивные-стандартные шаблоны будут настолько хороши что свергнут фиксированный или резиновый тип макета в шаблонах сервиса . С обычными шаблонами справляется меньшинство а уж о Адаптивных вообще лучше не вспоминать.
22 Написал Drinko 18 Июль 2013, 02:16
Цитата (Miss_Esq)
что мешает писать свои div шаблоны?

Отсутствие, в ряде модулей, доступа к шаблонам формирующим $BODY$, не? Форум как пример wink
35 Написал o_Lisovenko 18 Июль 2013, 11:04
В любом посте затронут все что можно. Особенно Вы, Руслан, не задеть форум не можете. Хотя знаете что над ним ведется огромная работа.
61 Написал Drinko 19 Июль 2013, 01:22
Олег, это просто замечательно, что работа ведется, но я о текущем положении дел. И форум исключительно как наиболее наглядный пример привел, не более.
60 Написал Rad_van_Cor 19 Июль 2013, 00:20
Да, было бы круто, если бы сделали возможность редактировать $BODY$
15 Написал Olsiva 17 Июль 2013, 21:40
Сейчас в системе ведется работа по исправлению некоторых частей кода, в том числе вывода таблиц. Например, страницу регистрации сделать адаптивной сейчас нельзя, там все на табличках.
23 Написал Drinko 18 Июль 2013, 02:19
Цитата (Olsiva)
страницу регистрации сделать адаптивной сейчас нельзя

Убить uID, переключиться на локальных пользователей и сделать хоть адаптивный, хоть резиновый, хоть гуталиновый smile
27 Написал Olsiva 18 Июль 2013, 08:57
Убивать uID для адаптивности - это не решение.

Интересно еще узнать, как вы сделаете Форум на табличках адаптивным (без пда-версии).
40 Написал Olsiva 18 Июль 2013, 11:44
Для справедливости ради отмечу, что у адаптивности есть минусы, о которых нужно знать.

Линк 1
Линк 2

Местами спорные, конечно, но для каждого конкретного сайта нужно понимать нужно ли вообще заморачиваться с адаптивностью. Без здравого смысла никуда smile
52 Написал Krovex 18 Июль 2013, 15:40
Конечно, для блога, где пользователю больше приходится читать, адаптивный шаблон просто необходим. А в других случаях нужно думать...
avatar
53 Написал SushiManga 18 Июль 2013, 17:43
Цитата
Большинство стандартных шаблонов в системе uCoz морально устарело.


"Морально"? Что вообще значит это слово?

1. В соответствии с требованиями морали как совокупности принципов и норм поведения людей по отношению к обществу и к другим людям; нравственно.

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

2. Второе значение - морально значит внутренне, душевно.
Можно, в принципе, предположить, что душа шаблона находится в его коде. Тогда, выражение очень подходящее. Если код хорош, тогда и шаблон - высокоморальный.

Стандарты старые - именно это вы имеете ввиду? Но почему бы тогда не употреблять подходящие слова, например, "используемые в шаблоне веб-стандарты давно устарели"?
54 Написал Selena 18 Июль 2013, 17:58
Цитата
"Морально"? Что вообще значит это слово?
 Не слово - морально устареть, это устоявшееся идеоматическое выражение (прискорбно, что молодежь забывает литературный русский язык и лучше всего понимает олбанский). И применяется как раз в таких случаях. И в данном контексте оно означает, что шаблоны хоть и соответствуют всем стандартам, но коды в них применённые сейчас используются редко. В частности, вместо табличной вёрстки сейчас повсеместно используется "дивная". То есть слоями.
avatar
55 Написал SushiManga 18 Июль 2013, 18:40
Хм, вот что эти 2 слова используются в связке, я не знал. Значит, я ошибался, когда думал, что тут это неуместно. Спасибо за разъяснение!
56 Написал SOFTOLAB_COM 18 Июль 2013, 20:09
Для адаптивной верстки нужный ой какие знания, тут не все с обычной справится могут, про то что некоторые и html путем не знают вообще молчу...
Конечно тому же ИМ на uCoz нужна качественная (возможно адаптивная) верстка, но типичный сайт на uCoz врятли сможет себе такое позволить, но это не повод ущемлять в возможностях сайты которые хотят себе адаптивный дизайн)
64 Написал Olsiva 19 Июль 2013, 11:11
Конечно, далеко не всем он нужен.
59 Написал Rad_van_Cor 19 Июль 2013, 00:16
Я честно говоря не совсем понимаю как делать адаптивный шаблон для сайта.
Это типа "резиновая" вёрстка, что бы сайт по ширине сам подстраивался под экран.
Или это нужно делать через какие-то условия?
Типа

<?if($MONITOR_WIDTH$='320')?><div class="320"><?endif?>
<?if($MONITOR_WIDTH$='480')?><div class="480"><?endif?>
<?if($MONITOR_WIDTH$='600')?><div class="600"><?endif?>
<?if($MONITOR_WIDTH$='768')?><div class="768"><?endif?>
<?if($MONITOR_WIDTH$='1024' ||$MONITOR_WIDTH$>'1024' )?><div class="all"><?endif?>

Ну и там класам уже задаём нужные стили.

Я не пойму просто, кто нибудь объясните саму структуру адаптивного шаблона.
63 Написал Kron 19 Июль 2013, 10:53
Цитата
Я не пойму просто, кто нибудь объясните саму структуру адаптивного шаблона.

этот пост не для того, чтобы говорить о реальных ситуациях и попытаться показать на реальном примере (да хоть и этот блог) что же такое адаптивный дизайн (да еще и с заявлениями, что адаптировать нужно не только маленькие но и большие разрешения (очень хотелось бы посмотреть как и что заявитель разместит на 2000+пх в этом блоге) с учетом того, что огромные разрешения бывают и на 10" и на 23").

этот пост обобщений и абстракций, где решаются такие сложные понятия как "хорошо" и "плохо", поэтому задавать конкретные вопросы тут неуместно smile
65 Написал Olsiva 19 Июль 2013, 11:19
Можно адаптировать сайт на любом экране, просто нужно задать вопрос "Зачем?"
Большинству сайтов адаптивность не нужна. Хотя интересно, что мы скажем лет через 5 smile
66 Написал Ignizavr 19 Июль 2013, 14:37
А о чем тут спор? Кому нужны адаптивные дизайны - пусть ими пользуется. Кому нужны PDA - просто не убирайте их наличие, оставьте такую возможность!
Для разрешений >1024 лучше применять "резиновый"дизайн (без всякой адаптации). Для меньших (у меня на планшете ширина 800) - прекрасно подойдет PDA-версия. Для своего сайта я ее настроил, опознается автоматически. И ее применение гораздо удобнее, тем более, что я сам могу редактировать ее шаблоны как считаю нужным (например, вовсе не показывать огромную шапку обычной версии сайта).
Развитие необходимо, адаптивные дизайны - в том числе. И спасибо, что Юкоз этим занимается. Но только одна просьба - не убирать то, что уже сделано раньше (в данном случае - PDA).
67 Написал Olsiva 19 Июль 2013, 15:36
Убирать PDA-версию не планируется smile Пусть каждый выбирает то, что ему нужно.
avatar
70 Написал Apraxis 19 Июль 2013, 21:10
так разъясните чем отличается адаптивыный дизайн от пда-версии? чегото я вовсе не понимаю
72 Написал Сестра-Таланта 19 Июль 2013, 22:32
Адаптивный-адаптируется автоматически под разрешение экрана.
Попробуй менять размер окна браузера просматривая этот шаблон http://new124.at.ua/
73 Написал Miss_Esq 19 Июль 2013, 23:14
Цитата
Адаптивный-адаптируется автоматически под разрешение экрана


Не лгите, если поддерживаете адаптивный дизайн , говорите правду ....
При определённых разрешениях, меняется положение элементов странице, при определённых разрешениях, часть элементов, изменяется по размерам, по внешнему виду (заменяются другими), часть элементов вообще исчезает ....
Грубо говоря ...
Если рассмотреть во всём диапазоне разрешений/размеров, после 1024px (800px)/ менее 10 дюймов плюсы адаптивности превращаются в атитипичные минусы ...
74 Написал Olsiva 20 Июль 2013, 00:41
Вашу позицию поняли, Вы высказали лишь свое мнение. Хватит тут устраивать споры и "втюхивание" своих разработок. Есть отдельные темы для этого.

Дальнейшие Ваши сообщения буду удалять, если нужно принимать меры. Развели тут непонятно что на пустом месте.
75 Написал Head-Mad 20 Июль 2013, 10:47
На самом деле есть как минимум два схожих понятия "адаптивный" и "реагирующий"(отзывчивый) дизайн. Адаптивный подстраивается (адаптируется) под конкретные разрешения (наиболее популярные разрешения мониторов и дисплеев). Реагирующий же- как раз подстраивается, фактически под любые разрешения. Техника исполнения фактически одна и и та же, исполняется в основном в CSS (иногда и скриптами), но реагирующий к тому же базируется на резиновой верстке, что и делает его более универсальным. Кто знает, устройство с каким разрешением выкинут на рынок завтра продавцы яблок или еще кто.

PDA же версия - это второй сайт с общим контентом, но изначально сверстанный под малые разрешения экранов (дисплеев). Как я уже писал выше, стоит использовать обе технологии, по средствам условных операторов и хотелось бы новых кодов, которые могли бы определять тип устройства и ОС пользователя. 

И еще, если захотеть, то и проблему адаптивности форумов и прочих табличных версток можно решить не прибегая к PDA версии. И думается мне сделать это можно хоть на JS хоть на CSS.
80 Написал Miss_Esq 20 Июль 2013, 15:41
Цитата
Реагирующий же- как раз подстраивается, фактически под любые разрешения


У вас есть решение ?? Если не ...секрет, можно  на него взглянуть ???
81 Написал Head-Mad 20 Июль 2013, 17:48
Какое решение вас интересует? Как сделать так чтоб верстка подстраивалась под расширение монитора или дисплея? Используйте адаптивность и элементы резиновой верстки. Вот и всё. Я же написал уже)
87 Написал Miss_Esq 21 Июль 2013, 20:43
wink
Проехали все эти методы, остановились на динамично эластичном ...
89 Написал Head-Mad 24 Июль 2013, 11:59
Хахах)) Покажите мне хорошо выглядящий DEE - сайт))) Хахах))
avatar
71 Написал PatriotRus39 19 Июль 2013, 21:41
Очень хорошо, что появятся новые современные шаблоны. Искал для нового сайта шаблон среди стандартных, так они настолько устарели, что даже для значительной переделки не годятся.
76 Написал Head-Mad 20 Июль 2013, 11:07
Точно могу сказать (попробовал), что проблема с адаптивностью таблиц- решается. Легко и просто - средствами CSS.
78 Написал Olsiva 20 Июль 2013, 14:36
Думаю, многие пользователи будут Вам благодарны, если напишете интрукцию как это сделать smile
82 Написал Head-Mad 20 Июль 2013, 18:01
Всё зависит от того, какой результат вы хотите получить. При малых разрешениях дисплея, можно просто скрывать менее важные столбцы (например на форуме- иконку форума, количество тем и ответов, сократив до двух колонок), обращаясь к ним по классам или через псевдо-классы :nth-child. Или располагать их (столбцы), как душе угодно, задавая необходимое свойство display, позиционирование элементов, float или любые другие необходимые свойства. Можно провести эксперимент, нарисуйте, в пределах разумного, мобильную версию форума, а я напишу набор стилей под uCoz. Вот уж действительно за что многие пользователи будут благодарны))
83 Написал Miss_Esq 20 Июль 2013, 19:25
Цитата
При малых разрешениях дисплея,


Типчно как раз всё упирается в разрешение / рапзмер монитора ....
84 Написал Head-Mad 20 Июль 2013, 19:53
что?
85 Написал sergeymitrichev 20 Июль 2013, 23:47
вот здесь есть некоторая инфа, может Вам поможет
http://bootstrap-ru.com/scaffolding.php#responsive
Код
/* Landscape - телефоны */     
@media (max-width: 480px) { ... }     
          
/* От ландшафтного экрана телефона до потретного планшета */      
@media (max-width: 767px) { ... }       

/* От портретного планшета до ландшафтного экрана и настольных дисплеев */      
@media (min-width: 768px) and (max-width: 979px) { ... }       

/* Большой дисплей */      
@media (min-width: 1200px) { ... }

сорри, не увидел, что ветка про таблицы smile
avatar
86 Написал GeT_RiGhT3209 21 Июль 2013, 11:20
Думаю это хорошо)
88 Написал Alexxandrio 23 Июль 2013, 10:25
Все очень классно
90 Написал Naumoff 26 Июль 2013, 11:33
Цитата (Olsiva)
Но как сделать ваш сайт в системе uCoz адаптивным? Есть несколько способов:
Купить готовый адаптивный шаблон для uCoz.

Пожалуй, это самый не затратный способ сделать сайт адаптивным. В магазине шаблонов уже есть...

Очень "актуально" для юКоза.
Подробнее тут - про "адаптивность", как она сегодня предлагается
А интересно, как будут отображаться "сиськи" в рекламном баннере юКоза?
Так же, во весь экран мобилы? Или перепишете код?
avatar
91 Написал сахар 28 Июль 2013, 20:16
Вы плохо представляете о чем говорите. Для адаптивного дизайна есть перспектива для любых разрешений и устройств. Можно для экранов больше 2к написать правило (так делается адаптивная верстка) как будет отображаться сайт и все, не надо ничего мудрить. 

Хотите верстку для абсолютно новых устройств, например, Google Glass? Просто пропишите правило для отображения сайта в таком типе устройств - готово, не надо ничего сочинять. 

Релаьно надоело слушать доводы неведующих в этом людей, активно дкоазывающих свою позицию. Давайте через 5 лет посмотрим где будет PDA-версия и где адаптивная верстка. Может и я признаю свою неправоту, но сейчас это все бессмысленно, тем более с такими доводами.
95 Написал Miss_Esq 13 Август 2013, 07:04
4 года почти прошло ну и где он ? несмотря на пиар ... wink
92 Написал Pashkella 06 Август 2013, 14:42
Прочитал мысли всех комментирующих. Скажу так, за адаптивными сайтами будущее, по крайней мере ближайшее, пока не появится что-то более новое, удобное, понятное. Все эти PDA версии сайта отходят на второй план. Это не мое убеждение, это факт.

Ближе к 2014 году большой процент веб-трафика будет проходиться на портативные девайсы (смартфоны, планшеты). Если сайт не будет оптимизирован под эти девайсы, то обычный посетитель сайта просто проигнорирует его. Да, конечно можно сделать и приложение для этого сайта под разные мобильные OS. Но подумайте сколько нужно ресурсов чтобы разработать под каждую платформу свое приложение, например, на начале жизни какого-либо "многообещающего" стартапа. С адаптивным дизайном можно запросто решить эту проблему. Только пример.

Говоря эти слова, я не учитываю какой-либо с сегментов веб-ресурсов интернета, будь то посещаемый новостной сайт или же очередная "гениальная" низко посещаемая социальная сеть. Я говорю в общем о перспективе развития этих слов — "адаптивный веб-дизайн". Думаю эта самая перспектива достаточно высокая и время рассудит все споры по этому поводу.

Ну конечно же "на каждого быка найдется свой соловей", куда же без этого. Противников адаптивного веб-дизайна хватает. Одни утверждают, что использование адаптивной разметки приводит к неоправданному увеличению времени загрузки ресурса на мобильных устройствах. Другие, что нельзя просмотреть полную версию сайта.  Но ведь если задуматься, то можно найти решение этих "проблем". Например, что касается первого утверждения, можно использовать RequireJS дабы избежать подгрузку ненужных Javascript'ов в браузере мобильного устройства, который не поддерживает эти самые скрипты. Для уменьшения веса изображения можно использовать ImageOptim и TinyPNG. И так далее. На каждую проблему будет свое решение, главное захотеть его найти.

С уважением, Павел

P.S. Опыт работы с адаптивным веб-дизайном 1.5 года
1-20 21-26
Ваш комментарий