Для чего используется резиновая верстка?

Question

[unlik]

Для чего в 2019 используется резиновая верстка? Ведь есть же адаптивная?

Comments

[Rustam Bainazarov]

Резиновая вёрстка входит в состав отзывчивой (responsive). Как раз именно адаптивную (adaptive) не стоит использовать. Просто в русском сообществе зачастую используют слово «адаптивная» для обозначения responsive-вёрстки.
https://www.google.com/amp/s/htmlacademy.ru/blog/u...

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

[Сергей delphinpro]

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

[ildar-meyker]

Раньше не было понятия адаптивной верстки. Эволюция верстки происходила так: статичная -> резиновая -> адаптивная. Адаптивная верстка понятие более емкое и предполагает резиновость в том числе. Как верно подметили, есть еще понятие responsive, что часто переводится как отзывчивый. Отзывчивый === адаптивный. Конечно, можно попытаться найти тонкое отличие при желании, но не стоит. Надо сказать, термин резиновая верстка не устарел. Вы можете продолжать верстать резиново, но не адаптивно. К примеру, если нужно сделать админку, которой будут пользоваться только декстопно. Отвечая на ваш вопрос, резиновая верстка используется, потому что не всегда нужна адаптивная.

[Rustam Bainazarov]

ildar-meyker, есть всё же одно важное отличие между adaptive и responsive. Adaptive — это привязка с конкретным устройствам по viewport. Из-за чего верстается как бы шагами без промежутков.

Responsive же более гибок и говорит о том, что вёрстка должны быть приспособлена к любому viewport вне зависимости от устройства.

[unlik]

То есть получается в адаптивной я делаю верстку по брейкпойнтам. И внутри брейкпойнотов верстка статична.
А в responsiv она внутри брекпойнтов тянется/сжимается

[Rustam Bainazarov]

unlik, типа того. Сейчас уже все верстают именно responsive. Просто в русском сообществе это зачастую называют адаптивной вёрсткой, хотя и следуют именно канонам отзывчивой вёрстки (responsive). Адаптивная это несколько другое, да.

[ildar-meyker]

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

[Rustam Bainazarov]

ildar-meyker, ну, вот пусть новички учатся и узнают разницу. Лишним не будет.

[Александр Маргинал]

Рустам Байназаров, когда все в относительных единицах и на флексах, то зачем верстать промежутки ведь все что между относительная к макету с меньшим размером и переходить при достижении размеров следующего макета к нему, то есть так же шагами. Никто в живом уме не верстаки под каждые 10 пикселей

[Rustam Bainazarov]

Александр Маргинал, я про брейкпоинты, а не про 10 пикселей. Конечно же, так никто делать не будет. Мы говорим об одном и том же.

Answer 1

[oelena]

www.liquidapsive.com - здесь можно наглядно посмотреть и покрутить на разных экранах.
Резиновая и адаптивная - они в принципе друг друга не исключают.

Answer 2

[SagePtr]

Резина - это умение грамотно растянуться под большие экраны, адаптив - умение грамотно поменять/скрыть элементы сайта под маленькие экраны.

Answer 3

[profesor08]

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

Answer 4

[Vaultboy84]

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

Comments

[dom1n1k]

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

[Vaultboy84]

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

[dom1n1k]

Vaultboy84, это не моё личное мнение, а факт. Такое понятие есть во всём в мире, только называется иначе - на Западе это называют fluid layout в противовес fixed/static layout. Ну а у нас устоялось слово "резиновый". Просто вот так терминология исторически сложилась - совершенно обычная история.

Это было в начале нулевых, когда никакими адаптивами и респонсивами в вебе ещё и не пахло, потому что тогдашний CSS этого не умел в принципе. Тогда шло противостояние между фиксированными и просто тянущимися страницами. И был дискусс на эту тему, были свои сторонники со своими доводами за и против. Да, сегодня это кажется нелепым, но тогда действительно были и сторонники фиксированных страниц. Не помните? Судя по числу 84 теоретически могли застать, хотя сомневаюсь.

Если совсем уж вдаваться в историю, были еще термины liquid или elastic. И даже выходили статьи, которые объясняли, что это не совсем синонимы, и что есть какие-то мелкие нюансы-отличия. Но даже тогда эти различия почти никто не понимал и слова употреблялись как синонимы, а уж сегодня тех нюансов тем более уже никто не помнит.

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

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

[Vaultboy84]

dom1n1k, вы понимаете, что большинство людей, когда говорят резиновая верстка - имеют ввиду адаптивную? Вы понимаете, что зачастую заказчика абсолютно не удовлетворит просто резина. К чему тогда, вспоминать, что было когда то. Знаете, изначально, слово "задница" в русском языке имело гораздо более положительное значение и обозначало полученное в наследство имущество, ну а теперь это далеко не наследство. На данный момент растягивание блоков это часть концепции адаптивного веб-дизайна. Поэтому противопоставление составной части целому включающему в себя эту составную часть абсурдно. В том же адаптиве мы вполне можем растягивать блоки не перестраивая лейаут и это не будет противоречить философии адаптивного дизайна.

[dom1n1k]

Я понимаю, что кем-то эти понятия могут смешиваться. Но я так же понимаю, что существуют ситуации, когда термины не эквивалентны и разница между ними важна. Да, в наши дни.
Пример из разговора разработчиков: "Этот блок сделай просто резиновым, адаптировать не надо". И все всё понимают за секунду.
Получается, вместо этого я должен сказать "Этот блок адаптируй, только не в общем смысле с перестройкой лейаута, а в частном смысле без перестройки"? Я должен ломать мозг себе и другим только потому, что кому-то не понравилось слово, правильно?

[Vaultboy84]

dom1n1k, нет не правильно. Резиновый блок, вполне понятно и допустимо, а вот резиновая верстка - не актуально.

[Ratenti]

dom1n1k, при адаптиве не растягивают же, ширина измеряется по break point

[dom1n1k]

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