Качество верстки

[Nekromancer]

Не, это снова моя неправильная пунктуация, приблизительно так должно быть:

Звучит как - "Верстайте на емах если рушится верстайте на другом, там всегда всё хорошо. Но на емах кошерно же ".

Я на емах никогда не верстал вообще

[psywalker]

Звучит как верстайте на емах если рушится верстайте на другом, там всегда всё хорошо. Но на емах кошерно же

Хз. Я в последнее время всё меньше и меньше вижу кошерности в емах

А я её уже давно перестал видеть. В емах ничего плохого, но и хорошего - нет. Каждая единица измерения нужна в том или ином случае. Ем нужно использовать там, где они действительно нужны и могут принести только пользу.

А вообще используйте пиксели и не парьтесь.

Не, это снова моя неправильная пунктуация, приблизительно так должно быть:

Звучит как - "Верстайте на емах если рушится верстайте на другом, там всегда всё хорошо. Но на емах кошерно же ".

Я на емах никогда не верстал вообще

А я помню, что болел ими и считал их панацеей. Пока Медведь и компания, меня на землю не опустили.

Вот эта вёрстка как раз из того времени http://psywalker.ru/SAITS/Himik/main-page.html

[Nekromancer]

Звучит как верстайте на емах если рушится верстайте на другом, там всегда всё хорошо. Но на емах кошерно же

Хз. Я в последнее время всё меньше и меньше вижу кошерности в емах

А я её уже давно перестал видеть. В емах ничего плохого, но и хорошего - нет. Каждая единица измерения нужна в том или ином случае. Ем нужно использовать там, где они действительно нужны и могут принести только пользу.

А вообще используйте пиксели и не парьтесь.

Не, это снова моя неправильная пунктуация, приблизительно так должно быть:

Звучит как - "Верстайте на емах если рушится верстайте на другом, там всегда всё хорошо. Но на емах кошерно же ".

Я на емах никогда не верстал вообще

А я помню, что болел ими и считал их панацеей. Пока Медведь и компания, меня на землю не опустили.

Вот эта вёрстка как раз из того времени http://psywalker.ru/SAITS/Himik/main-page.html

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

[psywalker]

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

Ага))

[Shift-Web]

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

Ага))

и всё таки ... где же они нужны? поконкретнее плиз

Таблица сравнения

к чему, извиняюсь за выражение, это др*чиво

[psywalker]

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

Ага))

и всё таки ... где же они нужны? поконкретнее плиз

Таблица сравнения

к чему, извиняюсь за выражение, это др*чиво

Дружище, я тебе уже говорил, чтобы ты выражения выбирал?

Емы по идее самые точные единицы измерения, так как они могут округлять до тысячной доли. Т.е. браузер свободно может прочитать от трёх чисел в конце каждой единицы, пример: 1.334em;. Вот 334 увидят и поймут все браузеры. А это значит, что можно, например использовать эту фичу в каких нибудь точных вещах, например, отступы или сдвиги элемента, относительно чего-то. Для того, чтобы, если шрифт увеличится, то благодаря емам - этот элемент сдвигался пропорционально верно.

Так же размер шрифта, например, можно тоже менять относительно родителя. Иногда это тоже удобно.

Для мобильных устройств вроде тоже неплохо подходят ЕМ-ы.

[Shift-Web]

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

Ага))

и всё таки ... где же они нужны? поконкретнее плиз

Таблица сравнения

к чему, извиняюсь за выражение, это др*чиво

Дружище, я тебе уже говорил, чтобы ты выражения выбирал?

Емы по идее самые точные единицы измерения, так как они могут округлять до тысячной доли. Т.е. браузер свободно может прочитать от трёх чисел в конце каждой единицы, пример: 1.334em;. Вот 334 увидят и поймут все браузеры. А это значит, что можно, например использовать эту фичу в каких нибудь точных вещах, например, отступы или сдвиги элемента, относительно чего-то. Для того, чтобы, если шрифт увеличится, то благодаря емам - этот элемент сдвигался пропорционально верно.

Так же размер шрифта, например, можно тоже менять относительно родителя. Иногда это тоже удобно.

Для мобильных устройств вроде тоже неплохо подходят ЕМ-ы.

Не ругайся. Я искренне считаю, что это не надо. Хоть оно и удобно в каких то специфичных случаях. Если говорить о масштабировании, то всё таки имеет смысл делать пресеты(обычный переключатель CSS). Масштабирование само по себе очень не устойчивое, поэтому лучше так не изголяться.

Согласись, тащить тысячные доли -- это не совсем приятно.

[psywalker]

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

Ага))

и всё таки ... где же они нужны? поконкретнее плиз

Таблица сравнения

к чему, извиняюсь за выражение, это др*чиво

Дружище, я тебе уже говорил, чтобы ты выражения выбирал?

Емы по идее самые точные единицы измерения, так как они могут округлять до тысячной доли. Т.е. браузер свободно может прочитать от трёх чисел в конце каждой единицы, пример: 1.334em;. Вот 334 увидят и поймут все браузеры. А это значит, что можно, например использовать эту фичу в каких нибудь точных вещах, например, отступы или сдвиги элемента, относительно чего-то. Для того, чтобы, если шрифт увеличится, то благодаря емам - этот элемент сдвигался пропорционально верно.

Так же размер шрифта, например, можно тоже менять относительно родителя. Иногда это тоже удобно.

Для мобильных устройств вроде тоже неплохо подходят ЕМ-ы.

Не ругайся. Я искренне считаю, что это не надо. Хоть оно и удобно в каких то специфичных случаях. Если говорить о масштабировании, то всё таки имеет смысл делать пресеты(обычный переключатель CSS). Масштабирование само по себе очень не устойчивое, поэтому лучше так не изголяться.

Согласись, тащить тысячные доли -- это не совсем приятно.

Да я ж, говорю, были моменты, емы меня выручали правда. А было и наоборот, что делали только хуже. Отталкивайся от ситуации!

[Shift-Web]

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

Ага))

и всё таки ... где же они нужны? поконкретнее плиз

Таблица сравнения

к чему, извиняюсь за выражение, это др*чиво

Дружище, я тебе уже говорил, чтобы ты выражения выбирал?

Емы по идее самые точные единицы измерения, так как они могут округлять до тысячной доли. Т.е. браузер свободно может прочитать от трёх чисел в конце каждой единицы, пример: 1.334em;. Вот 334 увидят и поймут все браузеры. А это значит, что можно, например использовать эту фичу в каких нибудь точных вещах, например, отступы или сдвиги элемента, относительно чего-то. Для того, чтобы, если шрифт увеличится, то благодаря емам - этот элемент сдвигался пропорционально верно.

Так же размер шрифта, например, можно тоже менять относительно родителя. Иногда это тоже удобно.

Для мобильных устройств вроде тоже неплохо подходят ЕМ-ы.

Не ругайся. Я искренне считаю, что это не надо. Хоть оно и удобно в каких то специфичных случаях. Если говорить о масштабировании, то всё таки имеет смысл делать пресеты(обычный переключатель CSS). Масштабирование само по себе очень не устойчивое, поэтому лучше так не изголяться.

Согласись, тащить тысячные доли -- это не совсем приятно.

Да я ж, говорю, были моменты, емы меня выручали правда. А было и наоборот, что делали только хуже. Отталкивайся от ситуации!

Я просто в drupal с ними наковырялся, а там стандарт. По госту все ядерные компоненты(тобишь их стили) должны быть выполнены в ем. Начинаешь это г-но оверрайдить и дико материшься, когда у какого нибудь форума CSS растащены на структурную часть(каркас) и стилевую(тексты и пр.). Очень доставляет это дело переписывать. Ну и если разработка командная, то это как бы тоже не айс. В общем, на принты и шрифты, и очень аккуратно.

[SelenIT]

и всё таки ... где же они нужны? поконкретнее плиз

Навскидку — на информационных сайтах минималистичного дизайна, заточенных под максимальную доступность контента в любых погодных условиях, хоть в IE6 (который всё не хочет вымирать в Китае, Корее и Индии. Где важнее аккуратность дизайна, а IE6 поддерживается по остаточному принципу — там, имхо, пиксели рулят однозначно.

Емы по идее самые точные единицы измерения, так как они могут округлять до тысячной доли. Т.е. браузер свободно может прочитать от трёх чисел в конце каждой единицы, пример: 1.334em;. Вот 334 увидят и поймут все браузеры.

Насчет точности — спорно. Как раз IE7 и ниже (про 8-й сходу не скажу, проверять надо) эти самые тысячные доли игнорят. А вот сотые доли процентов (т.е. десятитысячные em-а), если ничего не путаю, там прокатывали. К тому же при выводе на экран дробные em-ы в любом случае округляются до целых пикселей (только Сафари умудряется отображать разницу за счет антиалиасинга), причем иногда "через раз" (отчего часть строк может оказаться высотой, скажем, 20px, а часть — 21px, рвется вертикальный ритм...).

Я просто в drupal с ними наковырялся, а там стандарт. По госту все ядерные компоненты(тобишь их стили) должны быть выполнены в ем. Начинаешь это г-но оверрайдить и дико материшься, когда у какого нибудь форума CSS растащены на структурную часть(каркас) и стилевую(тексты и пр.). Очень доставляет это дело переписывать. Ну и если разработка командная, то это как бы тоже не айс. В общем, на принты и шрифты, и очень аккуратно.

Для принт-версий как раз часто советуют абсолютные единицы (сантиметры/миллиметры/пункты). Но сам с ними редко сталкиваюсь, поэтому своей позиции пока не выработал.

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

[mishka]

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

Для практики, конечно, попробуй.

Но не вздумай для реальных проектов так делать.

У меня всегда в настройках "масштабировать только текст". Теперь представь юзера, с монитором 1024х768 (это не динозавр ЭЛТ 17", а вполне новенький нетбук), и этот человек решил текст увеличить, и вместо этого у него сайт разросся во все стороны и появился и горизонтальный скролл. Удобства мало.

Для верстки под десктопы оставь проценты да пикселя.

[SelenIT]

Про ширину основных блоков я и не говорил, только про украшательства . Насчет ширины полностью согласен, даром что новые браузеры умеют и ее подгонять под размер окна ("адаптивный зум").

Нетбуки с 1024?600, конечно, отдельная статья, хоть специальную "полумобильную" версию под них делай... Кстати, на одном из сайтов, который я сейчас поддерживаю, набралось за 12% именно 1024?768, причем это не айпады (тех всего 1%) - похоже, именно что динозавры.

[Shift-Web]

Для принт-версий как раз часто советуют абсолютные единицы (сантиметры/миллиметры/пункты). Но сам с ними редко сталкиваюсь, поэтому своей позиции пока не выработал.

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

Насчёт @Media Queries: идея очень хорошая и, на первый взгляд, практичная. Тоже хочу попробовать, но всё руки не доходят.

Для практики, конечно, попробуй.

Но не вздумай для реальных проектов так делать.

Для верстки под десктопы оставь проценты да пикселя.

Что-то мне подсказывает, что через пару лет это таки будет и не просто для практики

[Radiocity]

Нетбуки с 1024?600, конечно, отдельная статья, хоть специальную "полумобильную" версию под них делай... Кстати, на одном из сайтов, который я сейчас поддерживаю, набралось за 12% именно 1024?768, причем это не айпады (тех всего 1%) - похоже, именно что динозавры.

На нетбуках лучше вообще зум убрать. Постоянно задеваю тачпад рукой и страница автоматически уменьшается или увеличивается =(

Высота в разрешении 1024*600 не сильно мешает. ИМХО, можно под 768 верстать

Edited August 26, 2011 by Radiocity

[Nekromancer]

Нетбуки с 1024?600, конечно, отдельная статья, хоть специальную "полумобильную" версию под них делай... Кстати, на одном из сайтов, который я сейчас поддерживаю, набралось за 12% именно 1024?768, причем это не айпады (тех всего 1%) - похоже, именно что динозавры.

На нетбуках лучше вообще зум убрать. Постоянно задеваю тачпад рукой и страница автоматически уменьшается или увеличивается =(

Ы? Как это так можно? У меня тоже нет бук, как раз с разрешением 1024x600, к сожалению на тачпаде не оказалось "встроенного скрола" как было заявлено на сайте, пришлось ставить скрол на двойное касание. Но имхо, это как надо задевать сразу и тачпад, и ктрл сразу, что бы срабатывал зум (ну то не считая когда пытаешься кликнуть через ктрл на ссылку, что бы открылась в новой вкладке и то, с напрягом)?

[mishka]

Что-то мне подсказывает, что через пару лет это таки будет и не просто для практики

Я имел ввиду не @Media Queries для практики, а отступы да ширины в емах.

[Radiocity]

Ы? Как это так можно? У меня тоже нет бук, как раз с разрешением 1024x600, к сожалению на тачпаде не оказалось "встроенного скрола" как было заявлено на сайте, пришлось ставить скрол на двойное касание. Но имхо, это как надо задевать сразу и тачпад, и ктрл сразу, что бы срабатывал зум (ну то не считая когда пытаешься кликнуть через ктрл на ссылку, что бы открылась в новой вкладке и то, с напрягом)?

У меня наоборот. Зум не убрать (только если отключить тачпад полностью, но это изврат). Изменяется двумя пальцами без ctrl

[Nekromancer]

Ну тут дело не в ноуте а в настройках системы или браузера. Я больше чем уверен что у тебя 7ка и при движении аля "увеличить фотку на тач скрине" тут тоже увеличивается.

А я таки поставил Убунту и не парюсь

[Nanto]

Когда надо точно подогнать границы блока и текста, и тем более если вы не уверены, какая гарнитура у пользователя отыщется первой - em однозначно предпочтительней px.