На первой фотографии стела, в которой вмонтирован киоск. На второй — тачскрин киоска, где красуется знакомый каждому пользователю Оперы экран с сообщением об ошибке доступа к ресурсу, в данном случае: “Проблема сети”.

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

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

То же самое  можно делать для чернового подбора цветов элементов. Создаем правило, определяющее цвет элемента (background-color, color, border-color…) и справа от правила пишем латинскую букву “a” — Firebug автоматически дополнит его до слова “AliceBlue” (название HTML-цвета); нажимаем клавишу “Вниз” — появляется слово “AntiqueWhite” и так далее. При этом соответственно меняется и цвет редактируемого элемента в окне браузера.

Перебор цветов — мелкая, но забавная фича Firebug-a.

В комментариях возник ряд возражений и альтернативных решений. Лучшее, на мой взгляд, предложил Q-Zma:

<!--[if IE]>
<style type="text/css">
* html #root
{
    width:expression((document.compatMode && document.compatMode == 'CSS1Compat') ? (document.documentElement.clientWidth < 770 ? "770px" : (document.documentElement.clientWidth > 996 ? "996px" : "auto")) : (document.body.clientWidth < 770 ? "770px" : (document.body.clientWidth > 996 ? "996px" : "auto")));

}
</style>
<![endif]-->

Страница с примером.

Q-Zma также подробно описал принцип действия у себя в блоге.

Хотите на самом деле оптимизировать сайт для мобильного использования? Делайте сайт по стандартам. Больше не делайте ничего. Это дешево, надежно и практично.

Все остальное — специальные мобильные версии и шаблоны, эмуляторы, и даже handheld-стили — все от лукавого. С большей вероятностью навредит чем поможет.

• Мобильная версия — это совсем другой сайт с похожим контентом, но отличающейся структурой в частности и архитектурой в целом. К нему надо заново привыкать.
• Мобильный шаблон — те же яйца только в профиль. Структура сайта та же, но вот структура страницы — незнакомая.
• Эмуляторы? Да нет никакой гарантии, что у всех пользователей мобильники отображают так же. Пытаясь подстроиться под эмулятор, можно ненароком накосячить так, что кое-кто не сможет сайтом пользоваться. Медвежья услуга, называется. Вот мне недавно фраза понравилась: “Система, основанная на интенсивном тестировании, не может быть надежна вне стандартных сценариев.” (ЖЖ-юзер vtolkov)
• Handheld-стили — те же яйца только в профиль. Современные мобильные браузеры не слишком хорошо умеют включать-отключать стили, используемые разработчиком сайта. Кривые стили не отключишь.

Хотите убедиться? Купите телефон, на который можно установить Opera-mini и ходите с него в интернет каждый день. На разные сайты: оптимизированные и нет, с мобильными версиями и без, сделанные по стандартами и нет. Надеюсь, вы придете к тем же выводам что и я.

А единственный тип сайтов, которым нужны мобильные версии — это тяжелые интернет-приложения на JavaScript и Flash. Типа Gmail и Bloglines. Да и то, пока в Опере не придумали как с ними работать на мобильнике :)

Потому что должно быть так: множество устройств — один сайт. И это правильно.

Если на странице одновременно присутствуют стили для больших экранов (screen) и для мобильных устройств (handheld), мобильный IE смешивает их и использует оба набора стилей. В результате — каша. Но есть решение:

<style type="text/css" media="Screen">...</style>

Чтобы предотвратить неправильное поведение IE для Windows Mobile 5 достаточно написать “Screen” с большой буквы.

Давненько не было видно таких солидных глюков. Хорошо, что фикс уже найден.

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

PS: Оказывается уже есть блог, следящий за будущим восьмого IE (via CSSblast). Будем посмотреть.

Печально, но подозрения подтвердились.

На снимке видно: тамошний IE 5.5 уверен, что является седьмым; IE версии 5.01 мнит себя шестым. У самой “шестерки” с самоидентификацией все нормально, а загрузки седьмой версии я так и не дождался, что-то сбойнуло.

Это сильно снижает ценность сервиса Browsershots.org. Хотя это по-прежнему очень хороший и нужный сервис, он не заменит локальных версий “Интернет проводника”.

«Веб-сайт может, а местами — и должен выглядеть по-разному. В этом совершенно нет ничего дурного. Если, скажем, Internet Explorer не поддерживает продвинутые CSS инструкции, пусть в Firefox страница будет иметь расширенное оформление, а IE покажет “облегченный вариант”».

Пугающе, прям слово в слово, совпадает с моими собственными мыслями :) Вообще, они очень популярны на этой неделе.

“…я пользовался пятым Эксплорером несколько лет, после NN4 и до седьмой Оперы. Мне до сих пор не хватает некоторой функциональности IE. Главное: при копировании текста из IE в MS Word, в тексте сохраняется вся семантическая разметка. Заголовки разных уровней остаются заголовками, с сохранением иерархии; абзацы остаются абзацами, списки — списками, и т.д. Постоянно этим пользовался. У меня был специальный шаблон для печати текстов из сети. В течение дня я постепенно копировал все один файл, вечером распечатывал, и уносил с работы не кучу разнородных отпечатков, а подборку статей в едином оформлении. По сути — журнал, изготовленный специально для меня. И оформлен он был — в моем вкусе.

Именно этот опыт убедил меня в ценности и практичности базовых понятий, входящих и в веб-стандарты: отделение оформления от контента, семантическая разметка, оформление при помощи стилей. Word оказался для меня первым учебником по CSS и семантике.”

Tags: msie, ms-word, семантическая-разметка