Люблю вот стилями по играться, знаете ли. Часто даже без всякой определенной цели, из спортивного интереса, скажем. И просто обожаю, чтобы контейнеров-блоков был самый минимум. И иногда получаются забавные вещи.

Буквально пару дней назад читали вы "Чтобы было…", а вот и продолжение.

Понятно, страсть автора к сериальным постам не убиваема, а что делать, и совсем не важно, есть практическое применение "баловству" или нет, авось кому и пригодится.

Посмотрите скриншот.

Не торопитесь, нажимать на ссылку ведущую к примеру. Ответьте на пару-тройку вопросов.

Сколько надо контейнеров для реализации?

Какому блоку в стилях указан черный border?

Ответили?

А теперь посмотрите пример, загляните в html-код.

Насколько правильными были ваши ответы?

От переизбытка комментариев мой блог не умрет :)

Проблема увеличения размера шрифта, пока производители браузеров не договорятся, что сомнительно, о едином шаге этого самого увеличения, будет вечной. Попытки скомпенсировать разночтения с помощью всевозможных хитростей, как-то – отказ от фиксированного указания в пикселях с переходом на % или em, со сложным перерасчетом из-за наследования, в общем случае не решают поставленной задачи.

Причем, многие браузеры, с увеличением размера шрифта, масштабируют все содержание web-страницы, что в не которых случаях неприемлемо.

Особенно, если необходимо создать комфортные условия чтения именно статьи, к чему прицепом тащить за собой остальные элементы интерфейса?

Использование JavaScript, для изменения размера шрифта, может показаться панацеей, но…

Нет смысла останавливаться, на том, что он может быть попросту отключен у пользователя.

Пропорциональное изменение всего и вся в зависимости от диагонали и разрешения монитора, задача может и не очень далекого будущего, но на сегодня однозначного и простого решения не имеет.

Положение усугубляется и выбором соответствующей гарнитуры или семейства гарнитур, с их не совсем адекватным отображением при различном начертании, а также из-за сглаживания, что особенно заметно при чтении текста в том же Safari или IE7.

Как ни печально, а это не только следствие, но и причина, очень много времени и сил уходит на правильный и грамотный подбор, как размера шрифта, так и гарнитуры.

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

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

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

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

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

Самое приятное, что размера скрипта, не смотря на столь обширный функционал, имеет необходимый и достаточный минимум.

Никаких пояснений к работе скрипта непредусмотрено. Все предельно просто. Даже мне, весьма далекому от программирования человеку, там все или почти все, понятно.

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

Даю ссылку, где нечто подобное реализовано, речь идет только об изменении размеров шрифта, обратите внимание на пугающий объем файла собственно скрипта, в предложенном решении. Думаю, автор ресурса, простит за столь частые, напоминающие соперничество, отсылки к его постам, чего нет и в помине :)

Дмитрий, не в пример многим, пишет довольно часто и на страницах его блога найдется, что почитать. Многое не теряет актуальности и сегодня, а в том, что некоторым публикациям есть альтернатива, нет ничего полохого.

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

Пришло время посмотреть, собственно, саму выбиралочку :)

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

Еще раз брагодарю Мастера Lasto, за помощь в интеграции скрипта в текущую версию Lasto Blog-(а). Вот, как это сделано у мастера в свежей версии.

P.S. Возможно, в том или ином варианте, это касается пользователей скритов Вадима Lasto, предложенное вам сегодня, войдет в предстоящий апгрейд блога.

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

Что смущает.

Смотрим html-код, ага, пять, подчеркиваю, пять контейнеров для реализации, казалось бы простой вещи – страница сто процентной высоты и border по периметру окна браузера. А если вам в голову придет мысль, по играться размерами того самого окна, куда пропадает текст при попытке горизонтальную прокрутку потрогать :)

В общем, посмотрели, прослезились :(

Ладно, редактор под рукой. Накидать не, сколько строк стилей, пара пустяков.

Вот и пример нарисовался. Сильно не напрягался, если все подчистить, довести до ума, FireFox-(ы) всякие там приструнить, получится вещь, которую и не знаешь куда пристроить.

Но главное, чтобы было :)