IT-стандарты *

18 августа Тэд Джонсон (майкрософтовский Program Manager Lead for Web Graphics) объявил во блоге IE, что браузер IE9 станет поддерживать модуль CSS3 Color, и, в частности, поддерживать свойство opacity вместо собственного майкрософтовского фильтра alpha. Однако поддержка фильтра alpha сохранится в режимах совместимости (Quirks, IE7 и IE8), для которых, наоборот, внедрение opacity не планируется.

Таким образом, чтобы CSS работал во всех версиях майкрософтовского Эксплорера, достаточно описать прозрачность двумя свойствами кряду:

.некоторыйКласс {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

Если же вы задаёте прозрачность не при помощи CSS, а джаваскриптом, то побеспокойтесь о том, чтобы скрипт не исходил из того, что все версии IE понимают filter и не понимают opacity: такое предположение окажется неверным по отношению к IE9. Вместо этого Тэд Джонсон рекомендовал использовать в скриптах свойство opacity в зависимости от значения некоторой (заранее вычисленной) переменной, определяющей поддержку этого свойства браузером:

var useOpacity = (typeof document.createElement("div").style.opacity != 'undefined');

За более подробными примерами можете обратиться к его блогозаписи.

Наверняка Вы задумывались над тем, каким образом «поставляют» Интернет в Австралию или, например, в Новую Зеландию. Проект cablemap.info на основе карт Bing создал мировую карту подводных кабелей. На сайте также можно посмотреть пропускную способность кабелей и их протяженность. Изучайте!

Веб разработкой я занимаюсь давно, и помню еще IE3 и NN4.xx. Многое изменилось с тех пор, много воды утекло. Пришло понимание всех технологий не на уровне «HTML — это текстовый файлик, в котором попадаются какие-то слова в скобочках», а понимание логики построения самого языка разметки, его абстракций.

Начало разработки спецификаций HTML5 и CSS3 уже не вызывала у меня щенячьего восторга и бурной радости, а воспринималась как вполне эволюционное событие. Заглядывал я в рабочие черновики изредка, отмечая для себя основные направления развития. Но чем больше спецификации приближаются к финалу, тем страшнее мне становится. Это не то направление развития, которое требует рынок!

Возникает резонный вопрос, куда делись все те люди, которые разрабатывали стандарты 10 лет назад? Куда делись инновации? Почему w3c создает стандарт, который, по некоторым меркам, уже устарел?

Давайте разберемся.

Когда мы впервые обнародовали наши планы по поводу предварительных версий IE9, мы сказали что «разработчики и люди, интересующиеся стандартами и веб-разработкой, смогут попробовать предварительную версию IE9 и высказать свои замечания и предложения относительно его работы». На данный момент мы ежедневно получаем отзывы и используем их для улучшения Internet Explorer 9. Однако обратная связь иногда касается не только IE9. Эта история о том, как недавний отзыв на Internet Explorer 9 Platform Preview вызвал изменение нового стандарта JavaScript – 5-ую редакцию EcmaScript.

Сегодня у нас хорошие новости: как и обещали, мы открываем наш флагманский сайт Веб-стандарты. Это ресурс со статьями, новостями и анонсами событий Web Standards Days, созданный разработчиками для разработчиков.

Объединение разработчиков «Веб-стандарты» представляет новый формат мероприятий под названием «Web Standards Days». Очередная встреча состоится 26 июня 2010 года в Санкт-Петербурге на Факультете переподготовки специалистов СПбГПУ по адресу ул. Обручевых, 1.

Уже готова предварительная программа встречи:

Это формат представления древовидных структур данных в виде одной строки в удобном для человека виде. Является обобщением формата «application/x-www-form-urlencoded» и как следствие — обратно совместим с ним. В основе Hiqus лежит всё тот же принцип представления данных в виде пар «ключ-значение» с той лишь разницей, что ключ может быть составным или пустым.

Данный формат уже используется такими монстрами как Яндекс (http://yandex.ru/yandsearch?date=within&text=hiqus&from_day=28&from_month=4&from_year=2009), Гугл (http://www.google.ru/search?as_q=hiqus&hl=ru&num=10&as_qdr=all) и многими другими, кому требуется передавать иерархические данные в строке запроса. Исключение составляют PHP-сайты, для которых традиционно используется свой, не слишком наглядный формат (пример, навскидку не нашёл, но выглядит он примерно так: ?user%5Bid%5D=123&user%5Bname%5D=Nick).

В процессе тестирования веб-преферанса неожиданно выяснилась одна странная деталь. Около 5% игроков стабильно жаловались на «нехватку» карт. При этом у тысяч других игроков (включая разработчиков) все работало идеально. В процессе разбора полетов стало понятно, что каждый раз не хватало одной и той же карты. А именно — бубнового туза.
Все тесты сервер проходил идеально. Код бубнового туза отдавался на клиент стабильно с остальными картами. Ларчик, как это обычно бывает, открывался очень просто. Картинка с бубновым тузом в ресурсах называлась ad.gif. И у этих 5% игроков на страже правопорядка стоял… Да-да, вы не ошиблись, Юрий Антонов Kaspersky Internet Security, которому не понравилось название файла картинки.
Мораль для веб-разработчиков проста. При именовании внешних ресурсов (картинок, css, js, swf) обратите внимание на отсутствие «подозрительных» слов и сокращений (advertise, banner, ...). Возможно это сэкономит вам, и вашим пользователям душевное здоровье.

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

Но речь не о деньгах, а о правильном редиректе…

Думаю, никому не надо рассказывать, что такое ЧПУ. В интернетах хватает евангелистов-фетишистов, ратующих за человеко-понятность в урлах.

При желании, ознакомиться с основной идеей можно, например, в Википедии.

Я же попробую уточнить и несколько доосмыслить эту идею.

Умопотрясающий Джереми Орем (Jeremy Orem) написал расширение MediaWiki, дозволяющее прямое внедрение Открытого Видео (то есть <video> — прим. пер.), и задействовал эту возможность на wiki.mozilla.org. Гляньте мою демостраницу (вы просто вбиваете обычный HTML-синтаксис в вики-разметку), а затем невозбранно используйте вики для размещения видеозаписей про Мозиллу. (Примечание: на wiki.mozilla.org действует тридцатидвухмегабайтовый предел размера закачиваемого файла.)

Увидел здесь достаточно много статей на счёт HTML5, Theora и video тега но по большей части они крутятся вокруг теории. Недавно на моём сайте MJV-ART.ORG — Аниме Обои я открыл раздел JV-Video который является небольшим видео хостингом аля Youtube по анимешной тематике на базе HTML5/Theora. Собственно я сейчас и хочу рассказать о тех проблемах которые у меня возникли.

Свершилось то, чего многие ожидали — крупнейшие видеосервисы (YouTube, Vimeo) предоставили в режиме бета-тестирования возможность воспроизводить ролики средствами HTML5. Казалось бы, всё прекрасно, и Flash-у пора уйти на заслуженный покой. Ан нет — оказалось всё не так гладко.

Дэвид Дэвис из Ext не просто клёво зовётся, но и делает клёвые штуки :) Последняя его блогозапись демонстрирует и объясняет слияние HTML5-элемента <video> с поддержкою холста (<canvas>) по мере того, как он создаёт всплывающую подсказку с живым видео.

В этом примере используется рабочий web-стол Ext JS, и созданный код поставляет специальную панель, способную доставлять видео, а затем попросту захватывается видеокадр, и размер его уменьшается до размеров всплывающей подсказки:

win.ctx.drawImage(win.videoEl, 0, 0, win.tip.width, win.tip.height);

Весьма мило устроено.

Вот это сюрприз! Тобиас Шнайдер (Tobias Schneider) построил среду исполнения Flash, работающую прямо во браузере. Она реализована на чистом джаваскрипте и HTML5, и все исходники являются открытыми (MIT-лицензированными), и располагаются на GitHub.

Поглядите на Gordon в действии (хостинг демонстраций осуществил Пол Айриш).

Gordon работает волшебно в последних версиях Файерфокса, Хрома и Сафари (да, и в iPhone Safari, хотя демонстрация «blue» на моём 3G идёт утомительно медленно). Чтобы установить его себе, запустите «git clone git://github.com/tobeytailor/gordon.git». Я обнаружил, что с URL «file:///» демонстрации не грузятся (в силу системы зависимостей скрипта), так что направьте ваш вебосервер на корень Gordon, а браузер направьте на demos/.

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

<body onload="new Gordon.Movie('trip.swf', {id: 'stage', width: 500, height: 400})"></a>
    <div id="stage"></a></div>
</body>

Черновик стандарта WebGL описывает свободный кросс-платформенный API, предназначенный для подключения OpenGL ES 2.0 к холсту (<canvas>) в качестве контекста, возвращаемого стандартной функцией canvas.getContext().

Публичная версия черновика была выложена 10 декабря (в четверг) на CVS сайта Khronos Рабочей группою WebGL.

Арун Ранганатан (Arun Ranganathan) выложил во блоге hacks.mozilla.org достаточно подробный вводный рассказ о том, как включить эту функцию в еженощных тестовых сборках браузера Firefox, и как обеспечить её работу на тех видюхах, которые не поддерживают OpenGL ES 2.0 сами собою. (Читатели в тамошних комментариях проявляют неимоверную радость и признаются в том, что ждут не дождутся новой версии Файерфокса.)

Владимир Вукичевич (Vladimir Vukićević) также посвятил краткую блогозапись этому событию.

Всё это является очередным шагом к появлению в Паутине такой трёхмерности, которая не потребует никаких плагинов, однако станет невозбранно поддерживать OpenGL (и, в частности, язык шейдеров GLSL ES). И эта трёхмерность будет кросс-платформенною. Браузеры, которые приуготавливаются понимать WebGL, поимённо перечислены на заглавной странице вики WebGL: это Apple WebKit, Google Chrome, Mozilla Firefox и Opera.

Практическим примером использования WebGL является джаваскриптовая библиотека X3DOM, поддерживающая использование сцен X3D внутри обычных вебостраниц.

В минувшую субботу 28 ноября в Минске прошло первое мероприятие под названием «Web Standards Days». Эта встреча открывает ряд регулярных бесплатных образовательных мероприятий, проводимых сообществом разработчиков «Веб-стандарты».

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

О чем-то подобном уже писал заблокированный ныне хабраюзер SelenIT. Но австралийский разработчик Elbert F. предлагает новый способ тестирования сайта «в IE6» с помощью кусочка PHP-кода.

Browsera — сразу определимся что это не ещё один сервис бесплатных скриншотов. Этот сервис позволяет проводить атоматизированнное тестирование кросс-браузерности вашей вёрстки, то есть читается ваш html код, стили, скрипты — и моделируется их отрисовка в соответствии с особенностями того или иного браузера. Впрочем, сервис также генерирует скриншот для каждого браузера: будет что отослать верстальщику.

Мы тут такое обычно публикуем по пятницам, но кто сказал, что немного позабавиться в понедельник — это неправильно? Пол Брант (Paul Brunt) изготовил отличную игру, использующую элемент canvas. Она весьма впечатляет. Также Брант использовал Chrome Frame, чтобы игра работала и в IE невозбранно.


играть сейчас же