Комментарии 46
В Firefox 15.0.1 в последнем демо заголовок теснится в первой колонке.
Похоже забыли одну строчку дописать :)
Похоже забыли одну строчку дописать :)
Для устаревших браузеров можно применять специальную javascript-библиотеку.
Которая не работает в Opera, так что для наших широт неприменима.
Которая не работает в Opera, так что для наших широт неприменима.
Еще газетами и журналами на практике доказано, что разбитый на несколько колонок текст воспринимается намного проще.
Это очень спорное утверждение. Многоколоночность на бумаге имеет скорее прикладной смысл, чем удобство чтения (примерно как в истории с раскладкой QWERTY), на компьютерном экране многоколонная верстка текста имеет больше недостатков, чем достоинств, и ее используют скорее как «имитацию бумаги», из ностальгическихи стилизационных мотивов.
НЛО прилетело и опубликовало эту надпись здесь
Обладателям широких мониторов незачем распахивать окно браузера на всю дурь ширину.
У бумажной верстки не было потенциально бесконечного вертикального скролла и колеса мышки, она была ограничена размером буажного листа по вертикали, что и заставляло извращаться (плюс всякие уже редакторские заморочки с размером и объемом авторской колонки). У веб-верстки все это есть, поэтому многоколонность не имеет особого смысла, и создает только неудобства, переходящие в извращения.
У бумажной верстки не было потенциально бесконечного вертикального скролла и колеса мышки, она была ограничена размером буажного листа по вертикали, что и заставляло извращаться (плюс всякие уже редакторские заморочки с размером и объемом авторской колонки). У веб-верстки все это есть, поэтому многоколонность не имеет особого смысла, и создает только неудобства, переходящие в извращения.
НЛО прилетело и опубликовало эту надпись здесь
У меня два 21.5" монитора. Текст в две колонки воспринимается нормально только в PDF в альбомной ориентации. На веб-странице, где есть скроллинг, 2 колонки не нужны. Или надо разбивать на страницы (есть шанс не угадать с высотой), либо в одну узкую колонку, которая со скроллингом читается лучше, чем 2 колонки. Многие сайты так и сверстаны — узкая колоная по центру.
Да уж кучу времени, как НЕ спорное.
Оптимальная ширина колонки — 35-50 символов (полтора алфавита).
Очень важен ровный левый край (чтобы при переносе взгляда с конца одной строки на другую было, за что зацепиться).
При таких условиях даже обычный читатель получает некоторые преимущества скорочтения, а уж владеющий последним вообще будет в своей стихии.
Естественно, при многоколонке важно, чтобы вся колонка целиком по высоте помещалась в поле зрения (по этой причине, например, вертикально свёрстанную книгу в PDF гораздо комфортнее читать на вертикальном экране, либо распечатать).
Оптимальная ширина колонки — 35-50 символов (полтора алфавита).
Очень важен ровный левый край (чтобы при переносе взгляда с конца одной строки на другую было, за что зацепиться).
При таких условиях даже обычный читатель получает некоторые преимущества скорочтения, а уж владеющий последним вообще будет в своей стихии.
Естественно, при многоколонке важно, чтобы вся колонка целиком по высоте помещалась в поле зрения (по этой причине, например, вертикально свёрстанную книгу в PDF гораздо комфортнее читать на вертикальном экране, либо распечатать).
Колоночная вёрстка хороша, когда низ первой колонки и верх второй помещаются на одном экране. Если же текст большой, тогда либо нужно делать горизонтальную прокрутку (которая обычно работает из рук вон плохо), либо отслеживать размер экрана и динамически разбивать текст на страницы.
На всякий случай оставлю это здесь: habrahabr.ru/company/microsoft/blog/143158/
Если честно, меня бесит мультиколоночная верстка (именно длинный текст) на сайтах… С вероятностью 99% я закрою этот сайт и пойду искать этот же текст в нормальной верстке… пусть лучше это будет длинная простыня в фиксированной верстке на 1024, но читается намного проще и мотать туда сюда меньше и после отвода глаз намного проще найти место где читал…
Лучше бы сделали мультиколонночность в плане layout, чтобы без всяких флоатов и тд делать быстро верстку, чтобы не колдовать с помощью триксов над выравниванием колонок по вертикали и тд и тп…
Лучше бы сделали мультиколонночность в плане layout, чтобы без всяких флоатов и тд делать быстро верстку, чтобы не колдовать с помощью триксов над выравниванием колонок по вертикали и тд и тп…
Небольшой трабл
Блин, как же сейчас просто решается задача… а когда-то давно мы прям измучились, делая такие колонки, но так и не создали идеального кроссбраузерного решения.
Мультиколоночность — это замечательно! Для читалок электрокнижек. В вебе как обычно, мы не знаем, где нижний край экрана и не можем обеспечить правильный постраничный скроллинг. Так что многоколоночность оказывается полезна только для текстов, которые гарантированно влезают в экран.
Иначе — никто не лазал по листу газеты перекинутому в нераспознанный PDF значительно больший ширины экрана? Вот там полный скроллокошмар.
Иначе — никто не лазал по листу газеты перекинутому в нераспознанный PDF значительно больший ширины экрана? Вот там полный скроллокошмар.
Электрокнижки обычно по размерам меньше обычного книжного листа. Многоколонник при таких размерах не улучшает читабельность, а ухудшает.
НЛО прилетело и опубликовало эту надпись здесь
100% высоты — это общая высота, а не нижний край, увы. Пользователь проскроллил шапку — и что дальше?
НЛО прилетело и опубликовало эту надпись здесь
В том и беда, что рассчитывать на пользователя проскроллившего шапку — значит не рассчитывать на пользователя сразу перешедшего к чтению.
И можно придумать over 9000k вариантов, я согласен… на выходе мы получим к сожалению охват 1/9000 пользователей.
И можно придумать over 9000k вариантов, я согласен… на выходе мы получим к сожалению охват 1/9000 пользователей.
Один минус — если указано количество колонок — их полюбому будет столько, сколько указано. У меня была задача где вторая колонка появлялась по мере заполнения контентом (иначе — одна), так хотелось использовать эту новинку, но увы!
1) IMHO, многоколоночность НУЖНА только для оформления стихов
2) Во всех остальных случаев — ПО ВЫБОРУ пользователя
3) А есть всё-таки корректное решение для «старых» браузеров?
2) Во всех остальных случаев — ПО ВЫБОРУ пользователя
3) А есть всё-таки корректное решение для «старых» браузеров?
НЛО прилетело и опубликовало эту надпись здесь
1) Для стихотворений? Многоколоночность? Как раз именно-то и стихотворения никогда не печатаются в несколько колонок. Во всех книгах стихотворения напечатаны в один столбец посередине страницы.
2) По-выбору? Давайте у пользователя перед заходом на сайт спрашивать: «Вам как, в одну колонку или несколько? Хорошо, вам адаптивную верстку или нет? Окей, вам картинки отключить или показать?»
2) По-выбору? Давайте у пользователя перед заходом на сайт спрашивать: «Вам как, в одну колонку или несколько? Хорошо, вам адаптивную верстку или нет? Окей, вам картинки отключить или показать?»
Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.
Многоколоночность на CSS подробнее