Где посмотреть примеры сайтов с резиновой версткой?

Question

[zds]

Собственно, сам вопрос.
В гугле выдает только статьи 3-5летней давности.

Answer 1

[Tarlink]

У Лебедева все сайты резиновые www.artlebedev.ru/everything/web

Answer 2

[Юрий Лобанов]

Лебедев очень любит резину и не любит ничего другого
www.stoloto.ru/6x49
Вот, например

Comments

[zds]

Вот как раз то, что нужно. А есть еще?
Надо пару-тройку примеров.

[zds]

А, ну хотя я заглянул в студию Лебедева. Там все "резина". :)
Спасибо.

[Юрий Лобанов]

@zds да, зайдите на сайт Лебедева и там посмотрите. Лично я против резины, ее время прошло.

[zds]

А что ее заменяет? Адаптивность?

[Crash]

@zds да

[zds]

Хм... ну это тема отдельного спора. А можете привести пару примеров таких адаптивных сайтов? Если не сложно.

[Юрий Лобанов]

@zds, да, но не обязательно. Насколько я помню, Вы против адаптивности. Что предлагает нам резина - раскидать по экрану информацию. Когда экраны были 19 и 17 дюймов - это было оправдано. Сейчас экраны растут, и разрешение растет. Если касаемо фона все еще можно стерпеть, пусть блок контактов будет справа, а меню слева и т.д., то что касается текста - это просто убийственная практика расширять его на всю ширину экрана. Не случайно в газетах и печатном деле придумали колонки.
Возьмите в пример выдачу картинок гугл https://www.google.ru/search?q=image&newwindow=1&t... (кстати, тоже пример резины) - иногда я при поиске картинок делаю браузер не на весь экран, так как просто не могу внимательно следить за строками с картинками на всю ширину экрана.

[zds]

@iiil Ну да, с текстом существенный минус. Но, насколько я помню, его можно сделать так, чтобы он растягивался не бесконечно.
Лично мне думается, что проще вообще оставить фиксированную ширину. Если мобильная версия не так уж и нужна.

[Юрий Лобанов]

zds: объясните мне логику Вашего поведения: я на 6 дней раньше сказал Вам про сайты студии Лебедева, чем автор ответа, который Вы отметили решением.

[zds]

Юрий Лобанов: Я не думал, что для вас это настолько важно. :) Поставлю ваш ответ тоже как "решение". Нормик?

[Юрий Лобанов]

zds: я не устаю напоминать про это. Это единственное, ради чего тут пишут ответы.

Answer 3

[Eugene Obrezkov]

Toster и куча других, практически каждых сверстана как минимум резиной.

Comments

[Юрий Лобанов]

А тостер-то почему резиновый?

[zds]

Кстати да, не вижу "резиновости" тостера

[Eugene Obrezkov]

@iiil немного есть :) Весь блок изменяет размер при изменении ширины.

[Влад Животнев]

@ghaiklor тостер не резиновый, у него просто по центру блок.

Answer 4

[Alexander Lashchevsky]

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

Answer 5

[elenaelena]

Приведенные выше сайты - образци плохой резиновой верстки, так как при изменении размера появляется скрол ( бегунок) внизу.
Вот образец нормального сайта
https://dreamtrips.com/experience

что бы сделать сайт резиновым:
вот образец кода для Сайт www.naukogradpress.ru

В конец файла \wp-content\themes\Monaco\style.css добавте css

@media (max-width: 768px) {
 body { background: url(none) fixed;	 }
 .container_6 { width:100%; } #slider { display:none;	 }
 .intro-text { width:100%;	 } #primary { width:100%; }
 #content .site-navigation { margin:0; }
 .container_6 .grid_2 { width:95%; margin-right:0; } }

Comments

[Юрий Лобанов]

Вы явно плаваете в определениях, почитайте чем отличается резиновая верстка, отзывчивый дизайн и адаптивный дизайн, прежде чем обвинять всех, кто ответил, в том числе меня, в приведении "плохих примеров".

[elenaelena]

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

[Юрий Лобанов]

@elenaelena еще раз говорю, прочитайте про резину. Вы привели прекрасный пример отзывчивого дизайна. Сайт спорт-лото резиновый, но он не адаптивен. Лебедев не скрывает своего отрицательного отношения к адаптивной сетке, так как считает, что телефоны в наше время - это полноценные компьютеры и нет никакого смысла в отдельном шаблоне для телефона.
Резиновый сайт тянется на всю ширину, таких сайтов раньше было большинство. В их основе часто лежала табличная верстка. Однако чаще всего этой таблице за счет применения или изображений, или элементов с фиксированной шириной придавали минимально-возможную ширину, что логично. Уменьшение ширины меньше определенного значения приведет к нечитаемости, если не применять адаптивную сетку - часть отзывчивого дизайна. Или как вариант - переходит на совершенно новый шаблон - часть адаптивного дизайна.
Оба веяния стали популярны сравнительно недавно с развитием мобильных браузеров.
А Вы явно не отличаете эти понятия и при этом почему-то спорите со мной. Я знаю, что там появляется горизонтальный скролл.
А приведенный Вами код - вообще какой-то бред.

[elenaelena]

я совершенно с вами согласна, что нельзы привести действительно хороший пример резинового сайта:
.
"Уменьшение ширины меньше определенного значения приведет к нечитаемости, если не применять адаптивную сетку - часть отзывчивого дизайна."
- плюс появляется полоса прокрутки.
мой код действительно пример адаптивного, а не резинового дизайна. И приведенный мною сайт - это адаптивный, а не резиновый дизайн.
.
я думаю, что ТС понимает разницу между резиновым и адаптивным дизайном. Его вопрос был - хороший пример резинового дизайна, что с моей точки зрения может враяд ли существует из за недостатков, которые вы упоменули.
.
Хотя в отдельный частях сайта резиновый дизайн широко применяют.
.
Хамить не надо.

[Юрий Лобанов]

@elenaelena я не хамил. Сайт может быть адаптивным и не резиновым. Пример - стандартная сетка бутстрапа, там есть как резина, так и привычная "таблица" по центру - сетка шириной 1200/1024/768 и т.д. Сетка эта адаптивная, но не резиновая. Резина там имитируется только футером и навбаром на всю ширину.

Answer 6

[Jak_Riv]

Вот резиновый-резиновый сайт на дивах. С резиновыми картинками, флешом, рекламой итд
резиновее не придумаешь archizona.ru

archizona.ru/besedka_letnaya_kuhnya.html
правда черный.....