Как стать автором
Обновить
108.65

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

Стандарты в информационных технологиях

Сначала показывать
Порог рейтинга
Уровень сложности

Gordon: среда исполнения Flash, реализованная на джаваскрипте

Время на прочтение1 мин
Количество просмотров1.2K
Вот это сюрприз! Тобиас Шнайдер (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>
[Gordon (скриншот)]
Читать дальше →
Всего голосов 153: ↑140 и ↓13+127
Комментарии134

Вышел в свет черновик стандарта WebGL

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

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

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

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

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

Практическим примером использования WebGL является джаваскриптовая библиотека X3DOM, поддерживающая использование сцен X3D внутри обычных вебостраниц.
Всего голосов 39: ↑25 и ↓14+11
Комментарии17

Отчёт о Web Standards Days в Минске

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

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

image
Читать дальше →
Всего голосов 51: ↑48 и ↓3+45
Комментарии29

Как использовать Internet Explorer 8 для тестирования сайтов в IE6 и IE7

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

Читать дальше →
Всего голосов 30: ↑15 и ↓150
Комментарии22

Истории

Browsera — новый инструмент тестирования сайта

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

image
Читать дальше →
Всего голосов 80: ↑71 и ↓9+62
Комментарии29

«Berts Breakdown»

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

[Berts Breakdown]
играть сейчас же
Всего голосов 25: ↑13 и ↓12+1
Комментарии9

Плакат A3 с тегами HTML 5

Время на прочтение1 мин
Количество просмотров1.5K
Известный сайт woork выпустил свой вариант таблицы тегов HTML 5 с описанием атрибутов. В отличии от других подобных таблиц, которые уже были представлены на Хабре, этот вариант, во-первых, обладет приятной внешностью, а во-вторых выполнен в формате A3. Файл можно распечатать и повестить над рабочим местом, благо внешний вид плаката хорош.

image


Полный вариант плаката доступен по этой ссылке. Превью можно глянуть тут.
Всего голосов 67: ↑62 и ↓5+57
Комментарии54

Не помещайте существенно важную информацию в атрибут title

Время на прочтение1 мин
Количество просмотров1.1K
Атрибут title может использоваться для указания дополнительных сведений о HTML-элементе — о гиперссылке, например. И когда эти сведения не просто повторяют текст гиперссылки, текст title может быть полезен.

А чего следует избегать, так это помещения в атрибуте title важной информации, которой больше нигде нету. Причина в том, что некоторые пользователи и знать не будут о тексте title:
  • Когда для перемещения по странице используется клавиатура, большинство браузеров не показывают текст title (я ни одного такого не знаю, который показывал бы).
  • Большинство читальников с экрана вслух настраиваются таким образом, что не читают текст title, покуда пользователь специально о том не попросит.
  • Есть задержка перед тем, как текст title будет показан читателям, использующим мышь и графический браузер, так что они могут пройти мимо текста, если не ведают, что он есть там.
Так что использовать-то атрибут title используйте, когда это уместно, но не применяйте его просто для повторения текста гиперссылки, и не помещайте в нём критически важную информацию.

Эта блогозапись — один из Быстрых советов. Подробности предыстории изложены в «Быстрых советах для веборазработчиков и вебодизайнеров».
Всего голосов 28: ↑6 и ↓22-16
Комментарии9

IE 8 не показывает текст alt во всплывающей подсказке

Время на прочтение1 мин
Количество просмотров1.2K
Одно из достоинств браузера IE 8 состоит в том, что в стандартном режиме (standards mode) он больше не показывает текст alt во всплывающей подсказке. Прежние версии Internet Explorer показывали этот текст, когда вы наводили курсор мыши на изображение — и такое поведение побуждало многих людей к неверному пониманию атрибута alt и к написанию скверных текстов alt.

Хорошо, что сейчас его исправили, и что IE 8 теперь ведёт себя подобно прочим браузерам. Оборотная сторона этого — в том, что вам, возможно, понадобится объяснять клиентам, отчего пропали их подсказки. Заодно поведайте им о написании хороших текстов alt и о том, что им следует использовать атрибут title, если они желают появления некоей подсказки. Однако также удостоверьтеся, что вы не в атрибуты title помещаете существенно необходимую читателю информацию.
Всего голосов 22: ↑12 и ↓10+2
Комментарии1

W3C выпускает два новых черновика

Время на прочтение1 мин
Количество просмотров593
Сегодня (23 июля 2009) W3C анонсировала запуск работы над двумя новыми черновиками: модуль flexible box layout и модуль images values.

Модуль flexible box layout определяет новые ключевые слова 'box' и 'inline-box' для свойства 'display', который указывают что элемент должен быть отображен колонкой или строкой элементов потомков. Дополнительные свойства определяют порядок расположения элементов (слева направо, снизу вверх и т.д.) и как располагаются потомки и пространство между ними. Модуль нацелен прежде всего на реализацию одинаковой высоты и ширины строк элементов управления в GUI.

Модуль image values определяет как другие свойства могут ссылаться на изображения по URL. Все свойства которые принимают изображения как значение, такие как 'background-image' и 'list-style-image', используют этот синтаксис. Этот модуль позднее может быть совмещен с модулем Values and Units.

Оба модуля пока находятся на ранней стадии разработки и сроки по их выходу пока не определены, кроме того оба модуля имеют пометку «средний приоритет». Вы можете посмотреть черновики по следующим адресам:

* dev.w3.org/csswg/css3-flexbox
* dev.w3.org/csswg/css3-images
Всего голосов 12: ↑8 и ↓4+4
Комментарии1

Рабочая группа XHTML 2 прекращает свою работу в конце 2009 года. W3C бросает все силы на HTML 5!

Время на прочтение1 мин
Количество просмотров935
Только что официальный сайт w3.org объявил сенсационную новость.

Сегодня руководитель W3C объявил о том, что по истечении в конце 2009 года срока действия Устава рабочей группы XHTML 2, он (Устав) продлен не будет. Все ресурсы переводятся в Рабочую группу HTML5. Этим решением W3C надеется ускорить разработку нового стандарта и прояснить позицию относительно будущего HTML.

Раздел XHTML FAQ ответит на вопросы о будущем результатов Рабочей группы XHTML 2, а также состояние различных дискуссий, связанных с HTML. Узнать больше о разработке HTML можно здесь.

От себя добавлю, что в принципе этого стоило ожидать в виду отсутствия подвижек в разработке XHTML2. По сути, само развитие XHTML уткнулось, на мой взгляд, в IE6, который так и не позволил стандарту развернуться на широкую ногу. А это и необходимость отказа от обратной совместимости в XHTML добило отличное начинание.

Остается порадоваться тому факту, что отныне мы все будем жить по единому уставу и вечная тема «XHTML vs. HTML» закрыта.
Всего голосов 35: ↑34 и ↓1+33
Комментарии85

О необходимости внесения поправок в HTML 5

Время на прочтение4 мин
Количество просмотров647
Нынешний проект HTML 5 содержит функцию registerProtocolHandler() в таком виде, который не особенно пригоден ко практическому употреблению. И нелишне будет рассказать о том, как я пришёл к такому выводу.

Рассказ будет обширен; кто не чувствует в себе резервов терпения, тем лучше под хабракат не лазать.

Читать дальше →
Всего голосов 20: ↑7 и ↓13-6
Комментарии17

Разметка. Transitional vs Strict

Время на прочтение4 мин
Количество просмотров7.2K
Речь в статье пойдет о такой, казалось бы изжеваной и изъезженой теме, как валидация веб-документа по одной из DTD-схем, которые в свою очередь определяются с помощью DOCTYPE.

Тема эта нетривиальна; преимущества и недостатки того или иного способа валидации на первый взгляд не всегда являются явными. Поэтому я решил что упомянуть о них еще раз будет не лишним.

В последнее время, многие редакторы и CMS'ки автоматически проставляют DOCTYPE для документа, что само по себе является прорывом, но к сожалению этого недостаточно, так как зачастую это именно Transitional схема. Начинающие разработчики не уделяют этому должного внимания, а зачастую вобще не подозревают что у них есть выбор.
Читать дальше →
Всего голосов 150: ↑142 и ↓8+134
Комментарии119

Ближайшие события

7 – 8 ноября
Конференция byteoilgas_conf 2024
МоскваОнлайн
7 – 8 ноября
Конференция «Матемаркетинг»
МоскваОнлайн
15 – 16 ноября
IT-конференция Merge Skolkovo
Москва
22 – 24 ноября
Хакатон «AgroCode Hack Genetics'24»
Онлайн
28 ноября
Конференция «TechRec: ITHR CAMPUS»
МоскваОнлайн
25 – 26 апреля
IT-конференция Merge Tatarstan 2025
Казань

Только 4.13% Web соответствует стандартам

Время на прочтение3 мин
Количество просмотров989
Компания-разработчик браузера Opera опубликовала первые результаты исследования, нацеленного на изучение структуры содержимого сети. Для его проведения в компании создали приложение под названием MAMA (Metadata Analysis and Mining Application): работая в качестве паука, оно индексирует разметку и некоторые другие данные с более чем 3.5 миллионов страниц.

Статистический анализ собранных MAMA данных позволил инженерам Opera сделать выводы о наметившихся тенденциях в области Web-разработки и о том, как применяются Web-технологии, основанные на стандартах, в сети. Opera планирует вывести свой проект на более высокий уровень, разработав поисковую систему на основе уже проиндексированных данных. Таким образом, Web-дизайнеры, разработчики браузеров и Web-инженеры смогут легко получать информацию о реальном применении Web-технологий в интернете.

Предварительные данные, опубликованные компанией, предоставляют интересную информацию об использовании конкретных HTML-элементов. Среди проанализированных MAMA страниц, самыми популярными элементами являются head, title, html, body, a, meta, img и table. Реже всего применяют такие элементы, как var, del и bdo.

Читать дальше →
Всего голосов 72: ↑53 и ↓19+34
Комментарии88

WAI-ARIA: стандарт доступности активных интернет-приложений

Время на прочтение4 мин
Количество просмотров11K
WAI-ARIA (Web Accessibility Initiative — Accessible Rich Internet Applications) — стандарт доступности активных Интернет-приложений, определяет подходы к тому, чтобы сделать содержимое сайтов и интернет-приложения более доступными для людей с ограниченными возможностями. Настоящая статья описывает проблемы, решению которых посвящен стандарт WAI-ARIA, а также знакомит с пакетом технических документов WAI-ARIA. Используемая терминология описана в ранее опубликованной на хабре статье «Стандарт доступности содержимого WAI-WCAG 1.0».

Применение стандарта особенно эффективно для сайтов с динамическим содержимым и развитыми элементами управления пользовательским интерфейсом, разработанными с использованием Ajax, HTML, JavaScript, и связанных с ними технологий. В настоящее время, некоторые функциональные возможности веб-сайтов недоступны для части пользователей с ограниченными физическими возможностями, особенно для людей, полагающихся на программы, читающие с экрана и для тех людей, которые не могут использовать мышь. WAI-ARIA задает новые пути предоставления функциональных возможностей программами-помощниками. С помощью WAI-ARIA разработчики могут создавать прогрессивные веб-приложения, доступные и удобные для всех пользователей.
Читать дальше →
Всего голосов 14: ↑14 и ↓0+14
Комментарии4

Стандарт доступности содержимого WAI-WCAG 1.0

Время на прочтение6 мин
Количество просмотров7.9K
О необходимости внедрения стандартов доступности сервисов и содержимого говорится в итоговой резолюции РИФ-2008, а в мировой практике такие стандарты существуют и используются более 10 лет. Следование рекомендациям по доступности содержимого WAI-WCAG (Web Accessibility Initiative Web Content Accessibility Guidelines) является одним из требований конкурса WebHiTech. В настоящей статье постараюсь перечислить рекомендации стандарта.

WCAG 1.0 — стандарт, описывающий общие правила оформления страниц в интернете разработан в 1999 году подразделением WAI группы W3C. Цель стандарта — сделать содержимое интернета доступным всем пользователям, в том числе пользователям с ограниченными возможностями (например, лишенные зрения пользователи используют для работы в интернет специальные программы, зачитывающие содержимое сайтов). Стандарт описан в виде гайдлайнов, содержащих перечень контрольных точек, разделенных на три группы по приоритету:
Читать дальше →
Всего голосов 15: ↑15 и ↓0+15
Комментарии7

Надежда есть (IE8 beta почти прошел acid2)

Время на прочтение1 мин
Количество просмотров541
В связи с выходом Internet Explorer 8 beta, можно прикинуть, выполнит ли Microsoft свое обещание пройти acid2 тест. Думается, что это вполне реально, но за то время, пока они затачивали свой браузер под вторую версию теста, вышел уже acid3 тест, а вот тут у 8-ки беда :(
Читать дальше →
Всего голосов 10: ↑2 и ↓8-6
Комментарии3

Ответы на часто задаваемые вопросы по XForms 1.0

Время на прочтение4 мин
Количество просмотров2.5K
В этом документе участники рабочей группы W3C по XForms собрали часто задаваемые вопросы по XForms 1.0.

Читать дальше →
Всего голосов 21: ↑18 и ↓3+15
Комментарии18

А закрыл ли ты тег?

Время на прочтение1 мин
Количество просмотров26K
Работаю в большом проекте, 16 человек, распределенная работа. Часто возникает ситуация, когда после очередного апдейта проекта обнаруживается, что какой-нибудь div находится совсем не там, где ему полагается быть. Напимер отваливается правая колонка и подло подстраивается под основной. Сразу же начинаются попытки выяснить причины столь некорректного поведения: просматривается CSS, возносятся молитвы к FireBug. Но в итоге все оказывается тщетно, т.к. скорее всего кто-то просто банально забыл закрыть тег.

Иногда это можно вычислить, просмотрев все измененные за какой-то промежуток времени шаблоны. Но какой промежуток просматривать? Вчера все работало, сегодня нет. За это время были залиты изменения в десятки, а то и сотни файлов. И начинается кропотливый поиск.

А вот если бы была утилитка, которая могла бы проверять наличие таких ситуаций.
Вооружаюсь гуглом и начинаю планомерный поиск. Час-два серфинга не приводят ни к каким результатам. Конечно-же есть всяческие онлайн валидаторы кода, начиная с самого de facto W3C'шного, но он, зараза, слишком умный и проверяет ВСЕ, выводит множество error'ов и warning'ов, которые часто влияют друг на друга, и чтобы с помощью него в коде найти подло закравшийся незакрытый тег, нужно потратить много нервов и времени.

И вот на этой грустной ноте нерешенной проблемы обращаюсь к вам, хабралюди. Какими средствами вы пользуетесь, когда нужно просто найти незакрытые теги, но не нужно (пока-что) отвлекаться на всяческие незаданные alt'ы для картинок и прочие менее критические ошибки?
Всего голосов 23: ↑18 и ↓5+13
Комментарии80

Кроссбраузерное подчеркивание: трудности отрисовки

Время на прочтение3 мин
Количество просмотров1.9K
Примечание: ниже дан перевод статьи «Cross-browser underlining / the difficulty of drawing a line», в которой обращается внимание на подчеркивание ссылок в различных браузерах и обсуждается, насколько это корректно с различны точек зрения.

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

Несоответствия браузеров. Как веб-разработчики вы сталкивается с ними каждый божий день. Они стали неотъемливой частью нашей работы и очень часто влияют на то, каким именно образом мы решаем некоторые проблемы. Но что важнее всего, все эти правки отнимают огромное количество бесценного времени, даже при наличии таких замечательных средств для разработки как Firebug. Люди, которые не работают каждый день с html и css, с трудом смогут осознать все эти тонкости и суть несоответствий.

Подчеркивание ссылок в разных браузерах

Слева направо: Firefox, Opera, Safari, IE7 и IE6
Читать дальше →
Всего голосов 38: ↑34 и ↓4+30
Комментарии39

Вклад авторов