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

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

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

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

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

С частью, современные браузеры позволяют изменять размеры текста на странице. Чтобы увеличить текст, достаточно удерживать клавишу "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




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

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



Какая картина Рембрандта послужила названием для нашумевшего фильма?

Какая картина Рембрандта послужила названием ...


В 1642 году великий голландский художник Рембрандт создает свое самое прославленное произведение — групповой портрет стрелков роты капитана Баннига Кока, известный под названием «Ночн...


Осознание - ключ к себе? Урок 1: осознание тела

Осознание - ключ к себе? Урок 1: осознание те...


«Только зная, что ты делаешь, можно сделать то, что хочешь». (М. Фельденкрайз) Осознавание причин происходящего с нами открывает возможности к осознанным же изменениям. Почему я дела...


Зачем создается народный фронт? Личная война Владимира Путина

Зачем создается народный фронт? Личная война ...


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


Структура жилых помещений

Структура жилых помещений


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


Как не заблудиться в мире классической литературы? Гуманизм Возрождения

Как не заблудиться в мире классической литера...


Эпоха Возрождения в культуре и литературе отмечена обращением к античному культурному наследию. Родина Возрождения или, как его ещё называют, Ренессанса — Италия. Это объясняется тем, что и...


Качественная оценка недвижимости

Качественная оценка недвижимости


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


Популярное

Легко ли быть беженцем в Норвегии?

Двухэтажный дом, в котором живёт девять курдов из Сирии, Турции и Ирака, располагается на Hatlestad Terrasse в норвежском Бергене. Это довольно далеко от центра города. Курды — самый много...

Копирайтинг, копирайтер, копирайт - найди 6 отличи

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

Особенности китайской кухни

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

Какой участок купить

Если кто-то собирается купить участок за городом, наверняка он столкнется с вопросом: что лучше, купить пустой участок и начать строительство с нуля либо приобрести территорию с постройкой и сделать е...

Резюме найдут своих работодателей

‛Шлю-шлю резюме, а откликов все нет" - сейчас такую фразу очень часто можно услышать от соискателей. Самое главное, что вроде и вакансии есть, и персонал в компанию требуется, а работодател...

Как бороться с пикапером?

Идея этой статьи родилась после того, как в столовой Ленинской библиотеки на меня «напал» пикапер. Просто сел за мной столик и начал активно «клеиться». Ничего у него не вышло...

История итальянской мебели и фабрик Италии

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

Решение проблемы.

Бригадир пошел на крайние меры. Сколько же можно стоять без работы? Работодатель не суетится, рабочие пьют, под водочку жить проще, а деньги-то платят за выполненные объемы. Он проштудировал до буковк...

Типография в Москве. Позитивный облик организации.

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

Проектирование кухонь

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

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

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

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

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

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


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