От вашего сайта болят глаза

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

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

Господа веб-дизайнеры работают над серьёзными проектами. За серьёзные проекты они получают серьёзные гонорары. Ну как они могут допустить на создаваемом сайте смешную стилистику детских книг? Ведь только в детских книгах принято набирать тексты "большими буквами". В результате подавляющее число сайтов предстают нашему взору либо с мелким шрифтом, либо с очень мелким.

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

С частью, современные браузеры позволяют изменять размеры текста на странице. Чтобы увеличить текст, достаточно удерживать клавишу "Ctrl" и нажать на плюс. Чтобы уменьшить текст, нужно нажать на "Ctrl" и минус. Теперь, когда мне стала известно об этом "трюке", я пользуюсь им непрерывно. Бросаю взгляд на экран. Текст мелкий - руки жмут "Ctrl+". "Плюс" и "минус" удобнее находить на дополнительном блоке клавиш, который расположен на клавиатуре справа. Нужные кнопки там с краю, и рука их быстро находит вслепую.

Всё было бы замечательно, если бы не одно но. . . При увеличении текста дизайн сайта превращается в помойку. Заголовки меню вылезают наружу и закрывают друг друга. Изображения обрезаются. В общем страница плывёт вкривь и вкось. Неужели с этим ничего нельзя поделать? Оказывается, можно. Есть в бурном потоке веб-дизайна такое направление, как эластичный дизайн. Пример эластичного сайта можно увидеть, если перейти по ссылке www. knigi. tutaga. ru (Подарочные книги). При увеличении и уменьшении масштаба все пропорции сохраняются. Можно даже увеличивать изображения, чтобы получше их рассмотреть. Если вы заказываете у дизайнеров сайт, требуйте, чтобы они делали его эластичным. Не дайте нации ослепнуть!

Как добиться эластичности? Об этом написано немало статей. Прежде всего нужно указывать все размеры не в пикселях (px), а в относительных единицах (em). Единственное исключение делается для толщины рамок. Предположим, на сайте есть блок новостей, заключённый между тегом <div id="novosti"> и тегом </div>. В файле css-стилей для блока новостей прописана ширина #novostiwidth:150px. Это неэластичный подход. При увеличении текста он выйдет за рамки блока, в котором находится. Эластичным решением будет такое определение ширины блока новостей: #novostiwidth:10em. Рост размера текста вызовет в этом случае пропорциональный рост ширины блока, что намного эстетичнее.

Может быть, не всё так просто. Нужно учитывать, например, наследование относительных размеров во вложенном элементе. Однако данный подход вполне можно реализовать на практике при наличии некоторого навыка. Количество эластичных сайтов растёт. Людям выгодно иметь здоровые глаза, а значит эта тенденция устойчива.


Stoneage
16:05 14.12.2016



Отзывы и комментарии
Ваше имя (псевдоним):
Проверка на спам:

Введите символы с картинки:



Вкусные рецепты: Мой зебрик, Печенье с кокосовой стружкой и шоколадом. Гавайское., кофе"ФРАПЕ"

Вкусные рецепты: Мой зебрик, Печенье с кокосовой стр...

Мой зебрикДостоинство этого рецепта, что он практически без масла! Тем не менее получилось потрясающе. Для начала растираем яйца с сахаром. Добавляем кефир, соду (на гасим) и муку постепенно. Размешив...
Сокровище нации

Сокровище нации

Каким представляется европеец нашим соотечественницам? Дорогущий пиджак, ноутбук под мышкой, роскошный лимузин и еще более роскошный дом?Думается, такой образ рисуют себе только очень юные и очень наи...
Верона (4)

Верона (4)

Если свернуть с моста Понта Пьетра направо, то через пять минут ходьбы путешественник может выйти к Кафедральному собору Вероны, который был заложен в 10 веке, а освящен в 1187 году. Собор интерес...
Благоустройство нового участка

Благоустройство нового участка

Когда смотришь на пустой участок, который требует благоустройства, в голове борется большое количество мыслей. Вариантов создания красивого ландшафтного дизайна – масса, главное выбрать правильный. Ес...
Долго ли живет косметика? Суровая реальность

Долго ли живет косметика? Суровая реальность

Красиво упакованный в пленку и картон крем для лица — последний трофей, который прямо с магазинной полки, приземляется на почетном месте в ванной комнате. И здесь начинает свою новую жизнь. Как ...
Грешник на белом коне. Часть 10: Притяжение

Грешник на белом коне. Часть 10: Притяжение

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

Вкусные рецепты: Глинтвейн, Перцы в масле с травам

ГлинтвейнСегодня прохладно,пасмурно,вспомнила про супер-согревающее и восстанавливающее и душу, и те...

Участки в подмосковье. Прибыльное инвестирование д

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

Что чаще всего крадут в отелях

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

Работа заграницей в 2009 году...

Алинка Хотелось бы узнать мнение о работе заграницей в 2009 году - реально ли для специалистов высок...

Промышленная безопасность - требования

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

Как не испортить себе отдых? Грани разумного путеш

Лето! Прекрасное время долгожданных отпусков, наполненное сказочными мечтами и светлыми надеждами. М...

Налим

Знакомьтесь: налим Несмотря на то, что рекордная масса налима была 32 кг, обычно самые крупные ос...

Ceram-Kote – антикоррозионная защита нового поколе

Разрушение металлических и бетонных конструкций под действием коррозии – вопрос, который волнует мно...

Интересует работа на дому? Написание курсовых и ди

Сегодня удаленная работа становится всё более популярной как среди работников, так и среди работодат...

Можно ли избавиться от раковой опухоли за сутки?

На обывательском уровне рак — страшный диагноз. Под общим названием скрывается более сотн...



О информационном портале:

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

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