LINUX.ORG.RU

Резиновая вёрстка — хорошо ли это?

 , , px, ,


0

1

Есть один неплохой шаблон, но вёрстка сделана с указанием ширины и высоты в пикселях. Было бы правильнее переписать это с указанием измерений в процентах?
Если интересно, сам шаблон тут. Сделан под разрешение 800x600.

★★★★★

Последнее исправление: CYB3R (всего исправлений: 1)

Ясен пень! Это раньше, когда у каждого было 14", считалось нормальным в пикселях ширину рисовать. А сейчас-то у кого-то ширина экрана 1024 пикселя, у кого-то — 1980, а кому-то и 2500 мало. Еще есть некоторые извращенцы, которые запускают браузер на телефоне, это вообще финиш…

Eddy_Em ☆☆☆☆☆
()
Ответ на: комментарий от Eddy_Em

Вот потому и спрашиваю. Сейчас ведь везде ретина, и жалкие сайтики, свёрстанные под 800x600 будут выглядеть, как говно.

CYB3R ★★★★★
() автор топика
Последнее исправление: CYB3R (всего исправлений: 1)
Ответ на: комментарий от Eddy_Em

Фиксированная ширина до сих пор часто используется в англоязычном инете. Какое-то массовое помутнение сознания у дизайнеров.

geekless ★★
()
Ответ на: комментарий от geekless

Когда сайт состоит из рюшечек, резина может и навредить.

minakov ★★★★★
()
Ответ на: комментарий от geekless

Да и в отечественном секторе встречается. Не раз матюкался, когда на такое чудо попадал: жамкаешь ctrl + +, а эта зараза только в размере увеличивается, а по ширине как занимала 10% окна, так и продолжает…

С SVG-шной и webGL'ной мордой я просто решал: JS узнает размер окна, и подстраивается под него. Если меняется размер — перерисовывается картинка под новый. С текстом же это делается элементарно. Но Тēмы — такие Тēмы…

Eddy_Em ☆☆☆☆☆
()
Последнее исправление: Eddy_Em (всего исправлений: 1)

ИМХО, ширина должна зависеть не только от тараканов в голове дизайнера/верстальщика, но и от предполагаемого контента. для немногобуквенных, но с картинками статей лучше фиксировать, для всяких вики, порталов, мануалов и прочего — резина.

funeralismatic ★★★
()

Резиновая верстка - это хорошо. Следующий вопрос?

alienclaster ★★★
()
Ответ на: комментарий от Deleted

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

Sphinx ★★☆☆
()

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

Artificial_Thought ★★★★
()
Ответ на: комментарий от Sphinx

Можно подумать ты знаешь, кому как лучше.

>Века западной печатной приучили

МакЛауд, перелогинься.

>Поэтому растянуть текст на несколько страниц (на вебе — на высокий блок), нежели тянуть его в ширину.

Вот твой комментарий выглядит как говно.

Deleted
()
Ответ на: комментарий от Deleted

И это мы ещё не считали, что размеры буковок на твоём экране не обязаны совпадать с моим. А на том же ЛОРе у нас шрифт задаётся настройками браузера.

Deleted
()
Ответ на: комментарий от Deleted

Спору нет, поэтому указывать размеры связанных с текстом величин следует в em.

Sphinx ★★☆☆
()
Ответ на: комментарий от Sphinx

В печати много что принято, но у нас то условия другие :} И несмотря на частые утверждения, де, «80 символов на строку наше всё!!!1» на моём 1920x экране я вполне комфортно читаю строки во всю ширину страницы. Это даже удобно, если кто-то любит растекаться мыслью по тексту.

Deleted
()
Ответ на: комментарий от Eddy_Em

Не раз матюкался, когда на такое чудо попадал: жамкаешь ctrl + +, а эта зараза только в размере увеличивается, а по ширине как занимала 10% окна, так и продолжает…

Хм. Вроде же по Ctrl++ в браузерах все размеры растут, не только шрифт. Разве что отношение к масштабированию картинок разное.

KRoN73 ★★★★★
()

ненавижу резиновую верстку.

anonymous
()

Было бы правильнее переписать это с указанием измерений в процентах?

Правильнее было бы переписать с указанием минимального и максимального указания ширины/высоты.

mopsene ★★★
()
Ответ на: комментарий от CYB3R

Сейчас ведь везде ретина

Ага, прям везде.

Alve ★★★★★
()
Ответ на: комментарий от mopsene

с указанием минимального и максимального указания ширины/высоты

А можно пример? Не совсем понимаю, что эти min и max значат.

CYB3R ★★★★★
() автор топика

Резиновая верстка это не просто хорошо, это очень хорошо, это единственная верстка, которая должна быть. Но нынче все не так просто уже, потому как есть устройства с разрешением 1920х1080, а есть устройства с разрешением 840х480, например. Разница слишком велика, чтобы просто растяжимый каркас решал все проблемы. ИМХО чудаков, утверждающих, что уже нужно верстать под 1024/1280... (дескать меньше не надо) необходимо кастрировать и выгонять из профессии.
Можно делать несколько сайтов (по разные устройства), но ИМХО это слабое решение - неплохо бы сделать нормально хоть один, обычно и этого не удается.

special-k ★★★★
()

резиновая не всегда но часто лучше чем статичная. А адаптивная еще лучше.

wwwsevolod
()
Ответ на: комментарий от special-k

Можно делать несколько сайтов (по разные устройства),

не, не надо

но ИМХО это слабое решение - неплохо бы сделать нормально хоть один, обычно и этого не удается.

адаптивная вёрстка (Responsive web design)

shrub ★★★★★
()
Ответ на: комментарий от Artificial_Thought

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

Норкоман в треде, все в машину!

Apple-ch ★★
()
Ответ на: комментарий от Apple-ch

Чего сразу наркоман? Размеры если хочешь фиксированные, то надо указывать их в единицах, не привязанных к устройству. Например, ваши 96px на одном экране будут составлять 2,54 см, а на другом может половину этой длины.

Artificial_Thought ★★★★
()
Ответ на: комментарий от Artificial_Thought

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

Да и вообще, кому может понадобиться фиксировать размеры макетов таким образом?

Apple-ch ★★
()

Резиновая верстка, да еще и адаптирующаяся под различные разрешения/устройства - самое то. Однако, тупо «переделать в проценты» не пройдет, потребуется немного трюкачества.

Boba_Fett
()
Ответ на: комментарий от Apple-ch

На макоси и венде dpi гвоздями прибито, на линуксах всё прекрасно.

CYB3R ★★★★★
() автор топика
Ответ на: комментарий от anonymous

Т.е. без фразы «responsive web design» вы не смогли допереть, что с помощью css можно приспособить один и тот же контент под разные устройства/разрешения. Да, это маркетинг. На западе никто не может просто что-то делать, нужно обязательно что-то громко кричать при этом: это аякс! это адаптивный дизайн! сначала тесты потом код! это новый тренд! Ну а мы вместо того что поржать над этим всем, пытаемся кричать так же громко.. такое убогое западопреклонство.

special-k ★★★★
()

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

moscwich
()
Ответ на: комментарий от special-k

Т.е. без фразы «responsive web design» вы не смогли допереть, что с помощью css можно приспособить один и тот же контент под разные устройства/разрешения. Да, это маркетинг. На западе никто не может просто что-то делать, нужно обязательно что-то громко кричать при этом: это аякс! это адаптивный дизайн! сначала тесты потом код! это новый тренд! Ну а мы вместо того что поржать над этим всем, пытаемся кричать так же громко.. такое убогое западопреклонство.

Причем здесь тот бред, который ты сейчас тут излил? Какое западнопреклонство, какой маркетинг? Я тебе ссылку привёл на сайты, которые нормально выглядят и на мобильных устройствах, и на десктопах, а ты начал какую-то чушь писать, выискивая баззворды в названии ссылки.

Изначально ты написал, что «разница слишком велика, чтобы просто растяжимый каркас решал все проблемы», и что сделать сайт под разные устройства не удаётся. Я же тебе привёл пример, когда эта разница не важна совершенно, и дал ссылку на кучу сайтов.

А у тебя, похоже, серьёзная деформация личности.

anonymous
()

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

Sunnya
()
Ответ на: комментарий от anonymous

какой маркетинг

Когда элементарная вещь выдается за сверх идею, это называется маркетинг.

сделать сайт под разные устройства не удаётся

не писал я такого, лол.

когда эта разница не важна совершенно

Это не сайты, а рекламные буклеты, в них заложен нулевой функционал (если ты не заметил), они бесполезны. Но я рад, что фраза «адаптивный дизайн» стала для тебя откровением, лучше поздно, чем никогда.

special-k ★★★★
()
Ответ на: комментарий от CYB3R

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

Legioner ★★★★★
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.