UGgallery

Обнаружил, что информационные киоски установленные недавно в петербургском метро используют браузер Opera.

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

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

Firebug для меня — причина номер один для того, чтобы пользоваться Firefox-ом — 99% от всех причин. Чудо-инструмент! Часто при верстке блока, в css-файле я задаю лишь примерные параметры (расположение, размеры, отсупы), а тонкую подгонку осуществляю в Firebug-е.

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

То же самое  можно делать для чернового подбора цветов элементов. Далее »

Браузер IE пятой и шестой версий не поддерживает CSS-свойства “min-width” и “max-width”. Для замены, Neutrino посоветовал использовать expression. (Удачная оказалась мысль: латать дыры IE средствами самого IE.)

В комментариях возник ряд возражений и альтернативных решений. Далее »

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

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

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

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

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

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

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

В заметке 10 CSS Tips from a Professional CSS Front-End Architect в седьмом совете, Райан Парр между делом сообщает, что IE для Windows Mobile 5, неправильно отображает стили подключенные с атрибутом media=”screen”.

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

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

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

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

Появление седьмой версии Интернет-эксплорера не произвело на меня особого впечатления. Никаких надежд на него не возлагал. Вот если в течение полугода появится версия 7.1 — это будет хороший знак. Потом пусть выпустят 7.2. А если в конце 2007-го выпустят IE 8.0 — это будет по-настоящему хорошая новость.

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

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

Интересным способом IE работает с doctype-ом… В качестве URI в нем можно использовать любую чушь, лишь бы посреди чуши были заветные буквы: “http://”. Если есть буквы, IE считает что это URI и переключается в режим совместимости со стандартами. Если нет букв — не переключается, остается в Qwirks Mode. Адрес после http:// можно писать любой, хоть своего сайта, а можно вообще не писать. За примерами пожалуйте сюда (англ.)

Во время тестирования одного проекта на Browsershots.org, заподозрил, что MS Internet Explorer, установленный на сервисе, не понимает Conditional Comments. Использовал для проверки простейший тест, который позаимствовал на pepelsbey.net, только слегка модифицированный: увеличил размер шрифта.

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

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

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

Пишет Алексей Серебряков:

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

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

Фрагмент из потерянной заметки, строго по теме этого блога.

Далее »