AVIS media / web&multimedia / Статьи о дизайне и разработке сайтов

Статьи о дизайне и разработке сайтов

Выявляем изменения величины шрифта

Мучительная загадка преследует веб-дизайнера – какими программами и возможностями располагают пользователи для просмотра его творений? Он стремится застраховать посетителей сайтов от ошибок в отображении страниц, он уже знаком с плавающими разметками и масштабируемыми шрифтами, и применяет их вовсю. Но вот посетитель укрупняет или уменьшает шрифт в своем браузере всего на несколько единиц… и страница неминуемо теряет первозданный вид!

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

ИДЕЯ НАХОЖУСЬ?

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

Гостеприимная домашняя страница

К созданию веб-сайта я подхожу с хвоста. Первым делом колдую над «потрохами» – страницами новостей, результатами поиска, списками товаров; затем облекаю потроха в «тело» разделов и указателей, неуклонно приближаясь к «голове» – домашней странице.

Мешки с песком: разрезать, поделить

Сельская местность Сассекса словно создана для прогулок. Во время одного такого моциона среди холмов мне вдруг подумалось: как бы исхитриться, чтобы текст на веб-странице автоматически обтекал изображения с неровными краями? И придумал.

В защиту взыскательных клиентов

Работать с некоторыми заказчиками - сущее мучение. В особенности это касается пришельцев из доисторической эпохи Web 1.0, которые не подозревают о современных технологиях и вынуждают веб-дизайнеров создавать допотопные сайты, тем самым засоряя наш безупречный Web 2.0. Общение с дотошными заказчиками происходит по-разному: кто-то готов идти у них на поводу, кому-то легче попросту отрицать их существование. Я, в свою очередь, твердо убежден: взыскательный клиент - верный спутник на стезе прогресса! Ибо тот, кто подвергает сомнению устоявшиеся профессиональные истины, оказывает нам неоценимую услугу.

Разделяй и властвуй

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

Градиентные фоны

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

Прикарманенный дизайн

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

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