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

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

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

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

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

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

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

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

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


Stoneage

Автор статьи: неизвестный | Дата публикации: 16:05 14.12.2016 Hiinfo.Ru




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

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



Закон и здравый смысл. Кто кого?

Закон и здравый смысл. Кто кого?


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


Юридические лица Чехии обязаны активировать новые электронные адреса.

Юридические лица Чехии обязаны активировать н...


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


Работодатели изменили свой взгляд на опыт и образование главбухов

Работодатели изменили свой взгляд на опыт и о...


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


Как в Российской империи добивались соблюдения христианских обязанностей в армии?

Как в Российской империи добивались соблюдени...


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


Пища для клеток – пища для здоровья

Пища для клеток – пища для здоровья


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


Вкусные рецепты: лимонник, Соте из куриного филе, айвы и ананаса "Оранж", яблоки с корицей и куркумой

Вкусные рецепты: лимонник, Соте из куриного ф...


лимонникИ замесить тесто. Пока тесто подходит приготовить начинку. Для начинки: 2 лимона потереть на тёрку(можно пропустить через мясорубку, я перемалываю на блендере) добавить 1,5 ст. сахара.Поставит...


Читаемые

Страх - союзник или враг? «Короли» и «пешки»

«Знаете, что надо сделать? Отойти, просто отойти в сторону. А потом… громко сказать: „А я знаю!“ Чтобы он понял, что вы знаете…» (Юрий Коваль, «Самая легка...

Природа не наделила длинными и густыми ресницами?

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

Деревянные стеклопакеты

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

Что такое мехенди?

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

VIP-подарок: кальян и всё о курительных принадлежн

Выбирая VIP-подарок для начальника отдела, директора компании или делового партнёра, многие делают акцент на «деловых» аксессуарах: ежедневниках, настольных канцелярских наборах, часах. Однако не стои...

Маньчжурия – город хлебный (3)

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

Хочешь быть красивой? А зачем?

Вот стану я красавицей стройной да длинноногой… Встречу прекрасного принца. Он в меня влюбится с первого взгляда. Мы поженимся. И я буду самой счастливой женщиной на свете. Нарожаю ему кучу ре...

Органическое (акриловое) стекло

Листовой полиметилметакрилат – полное название оргстекла, изобретен немцами в 1933 г. Область применения оргстекла обширна: в строительстве для оформления витрин, оранжерей, лестничных проемов, различ...

Вкусные рецепты: Тёплый торт-суфле со сливой, Мура

Тёплый торт-суфле со сливойиспечь ваши любимые блинчики/я пекла по рецепту см.ссылку в доп.инф./ сливовый соус: порезать сливы кусочками.я разделила сливу пополам.удалила косточку и натёрла на тёрке.к...

Статья поможет выбрать Вам шторы для любого помеще

Шторы – деталь интерьера, которая создает уют в доме. Элегантные шторы подчеркивают стиль и скрывают недостатки комнаты. Необходимо выбрать правильные шторы, на все случаи жизни. Существует неск...

Развивая портал:

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

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

© 2021 Информационный портал - hiinfo.ru

Туризм Дом и семья Еда и кулинария Строительство и ремонт Красота и здоровье Человек IT Работа и карьера Культура и искусство Общество Интимная жизнь
обратная связь


Чтобы связаться с редакцией или сообщить обо всех замеченных ошибках, воспользуйтесь формой обратной связи.
Настоящий ресурс может содержать материалы 18+