Заработался, отвечу где-то через день-два на все.
Выше давал:
http://stunningcss3.com/code/bakery/index.html
http://seesparkbox.com/---------- Post added 01-02-2013 at 18:59 ----------Хочу напомнить всем, что речь шла о сайте, где
"Товаров -10, услуг -10"
и не сайте банка.
Здесь отдельная мобильная версия — это скорее увеличение расходов по производству по сравнению с адаптивным шаблоном, и малое количество плюсов.---------- Post added 01-02-2013 at 19:00 ----------И отдельно по поводу
Чтобы этого избежать используются разные версии картинок. Это же не сложно.
А разве если переместить баннер этот вверх, то проблема не исчезает?
Хм. Посмотрите на http://www.artlebedev.ru/ количество элементов по центру.
Я же говорю: адаптивный дизайн это когда не 5 и 8 элементов, а когда 4, 5, 6, 7 или 8 и варьируется их размер, и так далее :)
Конечно, если достаточно сделать ВСЕГО 2 ДИЗАЙНА для максимальной адаптируемости, то это и будет лучшим выходом!
Но проблема в том, что 2 дизайна мало. 320 на 240, 480 на 800 (мобилки, планшеты), 1024 на 600 (нетбук), 1366 на 768, 1680 на 1050 (ноутбуки), 1920 на 1080, 2560 на 1440 (большие мониторы).
Проще сделать одну верстку и задать 4-5 разных изменений блоков (и задать правильно, а не так чтобы там конверсия упала!) чем делать 4-5 разных версий сайта.---------- Post added 01-02-2013 at 18:00 ----------
Собственно, выше ответил.
Посмотрите например http://stunningcss3.com/code/bakery/index.html
при изменении размера окна меняется расположение блоков (даже главного меню!), размер шрифта.
http://seesparkbox.com/
вот тут и размер изображений меняется
Хм, вы похоже считаете "адаптивный дизайн" какой-то конкретной технологией верстки.
Между тем, это явно не так. Если какое-то решение "убьет нафиг всю конверсию" — то я извиняюсь какая же это адаптабельность? Это наоборот, НЕ АДАПТИРОВАННОСТЬ конкретной верстки к конкретному разрешению!
Понимаете, что я имею ввиду?
А как вы предлагаете решить эту проблему на мобильном экране?
Вы может не совсем поняли, что я имею ввиду. Если на разрешении Х на Y что-то выглядит МЕНЕЕ рационально, чем могло бы быть сделано (с точки зрения того, что важнее, например конверсии), то это значит что сайт МЕНЕЕ адаптирован для этого разрешения.
"адаптивный шаблон" — это когда для всех возможных пар Х-Y все сделано максимальное оптимально.
Понимаете? Если низкая конверсия из-за верстки на разрешении, то это на адаптивный шаблон, наоборот!
Хм, а как вы понимаете понятие "адаптивного шаблона"?
Сейчас стирается граница между мобилками и мониторами, те же ретина-дисплеи, тачскрин-мониторы.
У пользователя может быть любое разрешение, от 240 до 2560 (и даже больше). Адаптивность шаблона определяется тем, насколько оптиматльно располагается контент на любом возможном размере экрана, насколько рационально используется площадь.
То есть адаптивность дороже, но она НЕ МОЖЕТ быть вредна из определения, только полезна.
Современная тенденция состоит в том, что стоимость адаптивности очень упала. Больше разработчиков понимают как ее делать, больше готовых примеров и схем.
Нормальная категоризация статей + выдавать под статьей список других статей из категории. И чтобы других отвлекающих фактов мало было.