Дизайн для портативных устройств: ваш веб-сайт на маленьком экране Элика Этемад (Elika Etemad) и Йорун Даниелсен Ньюф (Jorunn D. Newth)
    Лишь небольшая часть существующих ныне веб-сайтов следует стандартам. Среди этих немногих лишь горстка озаботилась написанием стилей для портативных устройств. А из тех, кто применяет стили для "наладонников", немногие могут похвастать тем, что отдают пользователю "картинку" с низкой разрешающей способностью, без главного ужаса для всех наладонников - горизонтальной прокрутки.
    Браузер Opera работает на портативных устройствах с экранами всевозможных размеров и разрешающих способностей, часть из них имеет ширину всего в 120 пикселей. Мы работаем в компании, производящей Opera, а потому можем подробней рассказать о встроенных в неё функциях поддержки "наладонников". Для этой статьи мы подготовили ряд общих советов по созданию таблицы стилей, дружественной портативным устройствам, а также несколько подсказок, специфичных для Оперы, которые могут оказаться полезными. Прокрустово ложе
    Главное ограничение портативных устройств - маленький экран, у которого, вдобавок, может отсутствовать функция горизонтальной прокрутки. Ввод данных чаще всего осуществляется пером (stylus), а не мышью. Загрузка файлов в такое устройство, вероятней всего, дорогостоящая и медленная, процессор слаб, память ограничена. Поэтому множество пользователей отключает саму возможность скачивания изображений.
    Итак, что же эти ограничения значат для дизайнера?
    Укладывайтесь в одну колонку, избегая плавающих блоков ;
    Оптимизируйте ваш HTML-код, используя рациональную и семантически грамотную разметку, а также CSS;
    Сведите к минимуму число декоративных изображений. Создавая навигацию, не полагайтесь на картинки и плагины;
    Снабжайте изображения хорошим пояснением в атрибуте alt;
    Не применяйте динамические эффекты в навигации, для которых обычно требуются мышь или клавиатура. Уменьшаем масштаб
    Даже если со временем возрастёт разрешение экрана "наладонников", их физическая ширина всё равно будет не больше, чем ваш карман. Отсюда наиболее важный вывод: на страницу можно поместить только один столбец текста. Кроме того, вам необходимо, чтобы колонка была широка настолько, насколько это возможно - т.е. так, чтобы она не была похожа на стихотворение (текст должен быть без выключки вправо; не иметь "рваный" правый край. - Прим. перев.).
    Прежде всего, избегайте использовать размер в пикселях для всего, что крупнее 5px (именно так!). Пиксельные размеры больше, чем этот, будут плохо масштабироваться - используйте для них проценты или "em".
    Уменьшите ширину полей, отступов и границ сообразно ограничениям маленького экрана. 3em перед заголовком хороши для экрана монитора, но для "наладонника" это - чересчур. Ширину границ следует лишь слегка уменьшить, а отступы надо "урезать" пропорционально. Это поможет уменьшить избыточные границы и разрядку (spacing) в некоторых вариантах компоновки страниц: на маленьких экранах они будут казаться "ужатыми".
    На маленьких экранах крупный текст занимает много места и выглядит неуклюже. Следовательно, крупнокегельный шрифт не должен быть больше, чем дважды увеличенный шрифт текста абзацев, и им не следует злоупотреблять. ............