Против «резиновой» верстки

Комментарии к статье
«Против «резиновой» верстки»

Соображения по поводу резиновой верстки и необходимости ее тотального применения на современных сайтах. Критика резиновой верстки


***

Длина строки на мониторе при 12-м кегле не должна превышать 45 - 50 знаков. При уменьшении кегля уменьшается допустимое количество знаков в строке, при увеличении - соответственно увеличивается. А в конечном счете все зависит от таланта и опыта дизайнера. Можно ведь и, соблюдая все законы и правила, наверстать такооое...

Михаил Шлейхер (22.02.2006)

На самом деле резиновая верстка не всегда подразумевает расползание контента на весь экран. Что мешает сделать (да и делают) скажем для текстового поля ограничение в теже 600пкс? В это же время основные элементы дизайна в хедере/футере спокойно будут растягиваться на весь экран. И так далее. Мастерство верстальщика видно, когда все так, как и задумывалось в макете при любом разрешении экрана.

Юрий (16.03.2006)

Юрий, все правильно. Я именно об этом и писал. Проблема резиновой верстки обычно не у верстальщика. При более-менее серьезном подходе к верстке как правило, удается добиться хорошего результата.
Проблема — в дизайнере, который в макете допускает те ошибки, о которых я писал.
Основная моя мысль — не в том, что резиново верстать не надо, а в том, что если уж делаешь так, то делай это хорошо.

schleicher (17.03.2006)

На самом деле здесь я с тобой не совсем согласен.

Во-первых - смотря что ты собрался верстать
Во-вторых - есть средства (и CSS и JavaScript) которыми эти процессы проконтролировать можно и пусть это немножко геморно, но иногда оправдано

Павел Каниболоцкий (9.11.2006)

Приведите примеры граммотной резиновой верстки, если не трудно.

Я согласен с автором. Резиновая верстка это гемор на свою голову, но иногда он оправдан.

Maxim (14.11.2006)

Трудно не согласиться со всеми написавшими. Налицо типичная проблема непонимания между программистами/верстальщиками и дизайнерами/художниками. Это не новость, так уже давно было и, видимо, так всегда и будет. Резиновая верстка только тогда хороша, когда она заложена в дизайне. Много раз, общаясь с заказчиком уже после заполнения ТЗ, отговаривал его от "резины", если это действительно необходимо. Да, и что-то я не видел резиновых буржуйских сайтов. Как сделали, так и смотрите. Не влезает в 800х600? Покупайте побольше монитор =) А мы все резину тянем.
Вторая проблема: после того, как готов эскиз - это законченный труд дизайнера, в котором все продумано и гармонично сочетается друг с другом... А тут его надо растянуть. Как правило, рассыпается в прах вся композиция, и по-хорошему надо бы все заново переделывать...
К чему это я все? Не знаю.. Наболело..

grid (23.01.2007)

Для того чтобы подобных проблем не возникало, нужно правильные макеты делать. Например все сайты студии Лебедева так сделаны. А делать фиксированные сайты это халява и халтура, большинство разработчиков этим страдают.

Васильев Никита (28.02.2007)

Никита ты совершенно зря так категоричен. Если сойти с рельсов халявы и халтуры, то можно делать одинаково хорошими и целесообразными как резиновые так и нерезиновые макеты. «Резиновость» сайтов студии Лебедева — это стиль работы фирмы, у них, кстати, она почти всегда хороша.

Заметь, что я не воюю здесь с резиновой версткой. Я высказал свое личное мнение о том, что резина сама по себе не признак качества разработчика, как правило класс работу виден при сочетании адекватного выбора схемы верстки, грамотности реализации композиции дизайнером и тщательности собственно верстки

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

schleicher (28.02.2007)

Можно было бы сделать сам сайт на усмотрение дизайнера, а содержимое (текстовое) резновое до определенных размеров, написать max-width, но IE этого не понимает...

SlaviO (24.05.2007)

Мура, батенька однако.
И диз у вас говно. не должен он разъезжаться при изменении размеров окна. Это - ПРАВИЛЬНО.

Я иногда с мобилы хожу... Если сайт не читаем - он иден на х...

User (24.11.2007)

В стандартах HTTP указано, что источник должен выдавать страницу с учетом пользовательского агента и разрешения экрана. И сколь много лепил пишут, что сайт :оптимизирован для xxx*yyy.
Не надо показывать торжество техники над здравым смыслом. Вот отключу в OPERA таблицы, сделаю черно-белое, и так приятно становиться. Будьте проще, любите не искусство в себе, а читателей ваших творений.
И не боритесь с роботами. Потому как правильная страница должна работать и при отключенных картинках.

Владимир (19.03.2008)

все правильно, мне тоже не нравится резиновая верстка, но заказчика как правило раздражают пустые пространства на мониторе (не занятые текстом или рекламой), и текст действительно неудобочитаем из-за длинной строки, но с этим легко бороться, скажем разместив текст в 2-3-х колонках, и пускай тянется хоть на 1600

GorLeon (13.06.2008)

Мысль конечно интересная, но спорная. Например данная статья с нерезиновой версткой. Разрешение у меня установлено широкоформатное - 1440x900 и что я вижу? чуть более 1/4 ширины занята комментариями, менее 1/4 колонка справа от комментариев и 2/4 ширины желтый фон. Вид получается не очень. Т.е. везде свои минусы и с ними надо бороться.

Аргос (18.06.2008)

Ну да, ну да... Только речь тут не столько о резиновости или нерезиновости, сколько о удобочитаемости широкой колонки текста при максимально широкой зоне контента.
Если таковая схема остается, то придется увеличивать кегль шрифта, чтобы в строчку помещалось необходимое количество символов (не более 50 как тут сказали)
То есть, ширина основной колонки всегда более-менее определена — размером шрифта. А вот чем заполнить оставшееся пространство — желтым фоном, левым контентом, меню или просто графическим мусором — на совести дизайнера.
Поскольку на этом сайте я был сам себе режиссер, то предпочел просто фон. Ибо меню у меня нет, левого контента тоже, а графический мусор я не умею рисовать...
Селявуха.

schleicher (19.06.2008)

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

Фиксированная верстка применяется в основном в блогах, где много текста.

Качественную резиновую верстку сделать очень сложно.

Павел (29.07.2008)

Сука еблан трахнись ап стенку козёл хуев, из-за таких мудачин как ты весь инет стоит на fix говношаблонах, сначала научись верстать и изучи все необходимые языки, а потом вякай блядь тупое чмо

Вредный Хуй (9.01.2009)

а что мешает растянуть/сжать окно браузера на удобную именно для Вас ширину текста? наоборот получается, что резиновая верстка позволяет установить именно такую ширину, которую проще всего читать...

marusya (13.03.2009)

Какие тут добряки сидят =)

Vladislav (17.03.2009)

Ага, каков уровень образования в стране, такие и комментарии в блогах...

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

Вредному Хую: Постараюсь понять то, что вы пишете и сделать какие-либо выводы. Пока не получается.

to marusya: Проблема в том, что окно браузера - это святое, и мы не должны навязывать пользователю какое-либо поведение в отношении окон, открытых у него на компе. Другое дело, ежели был бы веб весь одинаково-текстовый, то можно было бы прислушаться к вашему мнению. Как пример - окно сообщений в мессенджерах типа аськи - каждый ставит такую ширину как ему удобнее. Но там только текст.

schleicher (18.03.2009)

Так смешно смотреть, как спорят те, кто не понимает, с теми, кто не понимает :)

Смотрел ли кто-нибудь из спорящих на статистику экранных разрешений? 30% на 1024 по ширине не хотите? В этот момент ицтцы шепчут "все делаем на тысячные макеты", потому что тоже не знаю, что более 15% сидит на разрешениях превышающих 1280. Вы когда-нибудь видели свой фиксированный сайт на большом мониторе?
Столбик света посреди монитора.

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

Сторонникам: Для профессиональных сайтов и визиток, и с малым наполнением, нужно делать не только минимальную ширину отображения, но и максимальную. Да ещё можно придумать, что будет торчать из-под основного блока сайта.
Так что смело идём к дизайнеру, и спрашиваем, на каком максимальном разрешении удачно будет выглядеть дизайн.

А вообще, за сколько вы сайты делаете? ) Если всесторонне продумывать и проделывать сайты, внутренний голос как бы говорит нам «а оно нам надо за эти деньги»?

PS. ЦА первична.

Санча (1.04.2009)

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

Если у кого то руки из жопы ростут и кто-то не всостоянии сделать нормально то это уже его проблемы и ненадо нести хуйню против резиноввой верстки. (c) на провах спам бота

Аноним (15.04.2009)

Хм. что-то в последнее время в комментах прослеживается холивар, мат и неуважение к русскому языку.

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

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

schleicher (15.04.2009)

Вопрос не правильно был поставлен изначально и обсуждение стало носить характер бреда.

Помоему есть задачи, и для решения каждой из них нужно использовать разные методы, те которые лучше в каждой конкретной ситуации.

Меня вот к примеру (но это быть может только моё мнение) бесит когда делают неризиновую верстку, а потом текст мелко-мелко, чтобы всё поместилось.

Justeen (2.06.2009)

Чего вы все к лебедю, как к гуру отсылаете. Да отличных резиновых сайтов кучи. Мне лично, очень нравится сайт газеты коммерсант.
А в целом. Каждый решает для себя сам, в зависимости от целей и задач проекта, ну о конечно от ЦА (отсылаю Санче).
Хотя иногда нужно учесть "тенденции". так блоги - это НЕ резиновые сайты, а вот форум - резиновый. Хотя...
Я так считаю))

Наиль (8.06.2009)

"а что мешает растянуть/сжать окно браузера на удобную именно для Вас ширину текста? наоборот получается, что резиновая верстка позволяет установить именно такую ширину, которую проще всего читать...
marusya"
Действительно, как же max-width и min-width?

allistair (15.07.2009)

Глупость. Резиновая вёрстка в 98% случаев лучше нерезиновой. Каким должен быть монитор чтобы например ваша статья при резиновой вёрстке расползлась в одну строку?

Pavel (30.07.2009)

Да и ваш сайт у меня занимает чуть больше 50% экрана, очень некрасиво, неудобно и ещё много не...

Аноним (30.07.2009)

Дело не в одной или двух строках. Мне на экране 1400 на 1050 википедию с резиновой версткой читать трудно. Заставлять пользователя под каждый сайт дергать окно браузера нельзя. Еще раз напомню - посмотрите книги, газеты, журналы (лучше старые, годов эдак 80х - в то время еще не было в верстке такого количества непрофессионалов, как сейчас) - какова там ширина колонки. И еще раз перечитайте все, что сказано в статье и в комментариях.

Скорость чтения кто из вас исследовал? Утомляемость глаз при чтении электронного контента кто исследовал? Есть такие данные?

schleicher (31.07.2009)

Согласна с автором. Недавно была ситуация - сделали макет, сверстали (заказчик потребовал "резину"). А потом началось: открывание панели с закладками, растяигвание ее на полэкрана и фразы типа: "А почему оно не так выглядит?". Фиксированные по ширине колонки подходят не всегда - что если видимая часть окна меньше суммы значений? Да еще и по статистике на наш сайт 25% посетителей приходит с 6 эксплорера, не поддерживающего min-width, так что css не волшебная палочка...

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

А жлобы-директора пусть меняют железо на более современное и нанимают айтишников для регулярного обновления софта на казенных машинах.

julia (12.08.2009)

На сайте
http://kak.nxt.ru/
пример резиновой верстки
и как сделать

Андрей (25.11.2009)

//на наш сайт 25% посетителей приходит с 6 эксплорера, не поддерживающего min-width

Ну и что? min-width - только один из возможных способов задать минимальную ширину блока.
Совсем на крайний случай можно gif прозрачный высотой в 1px и необходимой вам ширины поставить. Получится распорка и окно больше не сожмется. :) Это из детства пример.

elro (2.12.2009)

По поводу увеличения длины строки при просмотре на широкоформатных мониторах.
Что мешает указывать шрифт не в пикселах , а в единицах 'em' ? По идее, с увилечением отображаемого пространства родительского элемента будет и шрифт увеличиваться, а значит и символов в строке будет умещаться меньше, стало быть ... читабельность не сильно страдает.
Но это ИМХО приминительно к "резинововой" верстке.

Станислав (17.12.2009)

1. Зачем вообще делать резиновый дизайн, если дизайнеры говорят, что <a href="http://www.revolverart.ru/blog/123.html">изменение пропорций на процент всё портит</a>? Вот у нас такой случай:

2. Я тут, увлёкшись клёвыми статьями о резиновом дизайне, делаю резиновый дизайн для <a href="http://www.dataved.ru/">сайта Датавед о свободном программном обеспечении</a>. Что хочется:
а) три колонки L, M, R с заданной минимально разрешённой шириной,
б) когда все три влезают по ширине на экран, средняя расширяется до определённого размера,
в) при уменьшении экрана сначала пропадает правая колонка - попадает под левую,
г) затем обе управляющие колонки уходят вниз и расширяются по ширине средней колонки.

Есть ещё вариант, когда левая и правая колонки уходят влево и вправо, а не вниз - и появляется полоса прокрутки. Что мне совершенно не нравится - это как сейчас, когда при уменьшении средней колонки текст и картинки не начинают залезать на управляющие колонки. Нет ли примеров и идей, как такое сделать?

3. Попутно возник ещё следующий вопрос — может Вы и с подобным сталкивались? Как правильно настроить блог, чтобы картинки показывались маленькими при просмотре ленты постов, и рисовались в нормальном размере при открытии поста целиком. Мы используем Блоггер — интересно, как поправить <a href="http://code.google.c...3871881439413232.xml">стили и темплейт</a> для этого случая.

Мария (9.04.2010)

Господа, опять газават... А может, компромисс? Скажем, делаем вверху переключалку типа "узкий экран" (1024*768), широкий экран (1280*1024) и "резина", причем резину лучше зафиксировать через max-width для разрешения, скажем, 1600*1200. Как это сделать, можно подсмотреть в хороших шаблонах типа ja-purity2.

Тодоров (20.10.2010)

Естественно лучше резина!
Вот пример хорошей резиновой верстки сайта.
http://cuponplus.ru

Леха (15.02.2012)

Нормальная вёрстка бывает толлько резиновой.
А эти фиксированные вёрстки типа узкой полоски в центре экрана, когда по бокам остаётся незадействованными больше половины площади экрана, как на данном сайте, - редкий бред.

Игорь (17.02.2012)

Без хороших примеров, Игорь, твой комментарий бессмысленнен. Ссылку!

schleicher (17.02.2012)

Собственно, и у резиновых, и у статичных сайтов есть свои минусы и плюсы. Статичный сайт легче сверстать и легче сделать красивым, но зато резиновые сайты полностью заполняют экран. Мне лично статичные сайты кажутся более удобными. Вот, кстати, ещё одна статья о резиновых и статичных сайтах:
http://comp-videos.c...e_i_statichnye_saity

Роман (8.03.2012)

Шесть лет назад была написана эта статья и начат этот спор. За это время сменились мнения и действующие лица, но спор все продолжается. Значит, тема-то все еще волнующая! вечная!

Михаил Шлейхер (27.10.2012)

добавить комментарий
Имя
e-mail
URL
Комментарий
Самизнаетечто

mem: 1252 total: 33 module: 17 xsl: 12