Сегодня команда Web Platform and Tools объявила о выходе первого обновления Visual Studio для веб-стандартов, расширяющего поддержку HTML5, CSS3 и некоторых API для JavaScript для всех версий Visual Studio 2010.



Скачать обновление можно в галерее Visual Studio.

(Это вторая статья из серии статей, посвященных обзору различных тестов браузеров. Ранее в серии: Погружение в ACID3.)

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



В простонародье это зовется пузомерками, а как метко подметили примерно год назад в Lenta.ru (см. ниже) — «у кого HTML5 длинее».

(Это первая статья из серии статей, посвященных обзору различных тестов браузеров.)

Что такое Acid3? Кто его придумал? Как он устроен и как он работает? Что он измеряет на самом деле? Этими и другими вопросами мы зададимся в данной статье и попробуем найти ответы.

Что такое Acid3?

Acid3 — это третий из серии специальных тестов (до этого были Acid1 и Acid2), написанных «в помощь производителям браузеров, чтобы те могли проверить поддержку стандартов в своих продуктах». Конкретно ACID3 нацелен на тестирование спецификаций, связаных с разработкой динамичных «Web 2.0»-приложений.



Acid3 включает 100 специальных тестов, проверяющих 19 различных спецификаций.

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

Я недавно увидела jQuery-плагин Paul Irish для инвертирования страницы. Он инвертирует каждый цвет на странице, включая изображения и CSS. Это мне напомнило о существовании ключевого слова invert для цвета контуров (outline) (к сожалению, поддерживаемом только в Opera и IE9+). В общем, я задумалась, как можно добиться такого же эффекта только средствами CSS.

Оказалось, что это достаточно просто:

Друзья! Рады сообщить, что теперь программа DreamSpark становится доступной для преподавателей российских школ и вузов. Официальный анонс можно найти в блоге MS для прессы.



Напомню, что в рамках программы DreamSpark студенты, аспиранты и школьники старше 12 лет, а теперь еще и преподаватели могул бесплатно получить доступ к инструментам MS для использования в некоммерческих целях (учеба, наука и т.п.).

(картинка кликабельна и поздравительна)

Общая идея: летающие бабочки на фоне красивой картинки и под весеннюю музыку. (Сразу признаюсь, у меня также была Silverlight-версия открытки, которую я делал год назад. Урок анимации бабочек в Silverlight.)

Для отрисовки открытки, помимо стандартных средств CSS, будем использовать HTML5 Canvas и библиотеку анимации EaselJS.

В понедельник разработчикам был дан зеленый свет на начало использования HTML5.

Хотя многие и так уже используют еще не оконченный язык для создания более сложных веб-приложений, руководящая организация (W3C) сделала переход официальным, анонсировав, что HTML5 будет закончен к 2014 г.

W3C расширила устав рабочей группы по HTML (HTMLWG), которой поручено создание HTML5, и анонсировала, что HTML5 достигнет статус Last Call (прим. пер.: это вариант Working Draft перед приданием нового статуса, например, Proposed Recomendation, как это сейчас происходит с CSS 2.1) позже в этом году. Через несколько лет тщательного тестирования спецификация должна быть окончательно готова ко второму кварталу 2014 г.

“Разработчики могут использовать HTML5 уже сегодня и мы призываем их делать это,” — говорит Ian Jacobs, глава маркетинга W3C.

Сегодня вышел Internet Explorer 9 RC. Сразу ссылки для загрузки, далее подробности.

Cсылки для загрузки

• Windows Internet Explorer 9 Release Candidate for Windows 7
• Windows Internet Explorer 9 Release Candidate for Windows 7 64-bit Edition and Windows Server 2008 R2 64-bit Edition
• Windows Internet Explorer 9 Release Candidate for Windows Vista and Windows Server 2008
• Windows Internet Explorer 9 Release Candidate for Windows Vista 64-bit Edition and Windows Server 2008 64-bit Edition
• Internet Explorer Platform Preview

Хабр уже знает о том, что W3C выпустила логотип HTML5 и ряд бейджов к нему, а многие успели смутиться анонсам о “переходе к безверсионной модели”. Но сейчас не об этом. Сейчас о том, откуда этот логотип взялся и зачем он нужен.

Зачем нужен логотип

HTML5 — известный «баззворд», во всю склоняемый всеми, кому не лень. Об HTML5 пишут статьи, к HTML5 аппелируют как будущему веба, от HTML5 ждут революций в интернете и светлого будущего. HTML5 — это очевидный тренд.

Чего явно не хватает HTML5 — единообразия понимания в сообществе (включая не только разработчиков, но и пишущую братию) о содержании стандарта и его связи с другими технологиями.

Нет общего подхода и в отсылках к стандарту, либо HTML5 как общему тренду. Фактически, люди начали сами придумывать различные логотипы, символизирующие HTML5, которые они использовали в статьях, презентациях, книгах и т.д.

Как пишут в Ocupop (они как раз делали логотип, об этом ниже), такая разрозненность в визуальной форме по сравнению со задачей стандартизации, вызывала определенную иронию, как у них, так и в W3C. Попробуйте поискать в любом поисковике картинку с HTML5:

Немного пятничного юмора про веб-разработку :)



Отсюда: forrst.com/posts/HTML5_Icons_Atrocious_and_uncommunicative-1fu

HTML5 Labs — новая экспериментальная площадка для тестирования реализации отдельных элементов HTML5 и связанных спецификаций. В рамках проекта будут публиковаться прототипы реализации тех или иных веб-стандартов или их фрагментов, которые, очевидно, в будущем будут востребованны, но в настоящий момент сыроваты или нестабильны.

На текущий момент доступны прототипы реализаций WebSockets и IndexedDB.

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

В своем рассказе я буду отталкиваться от кода Giorgio Sardo, который в свою очередь базируется на коде David Flanagan.



Все, что описано ниже, вы можете попробовать непосредственно здесь, на Хабре в любом современном браузере со средствами разработки, просто запустив консоль JavaScript. В IE9 достаточно нажать F12 и, если вы хотите тестировать прямо на этой странице, не забудьте перевести браузер в режим Internet Explorer 9 Standards (Alt + 9), т.к. по умолчанию Хабр требует режима IE8.

К вечеру пятницы подоспела новая игрушка в жанре Tower Defence, сделанная полностью на html5 и сопутствующих веб-стандартных технологиях.

Встречайте Pirates Love Daisies.


Игрушка сделана известным flash-гуру Grant Skinner и его командой. Подробнее о том, как создавалась игрушка можно почитать в его блоге и блоге Exploring IE.

Видео с игрушкой можно посмотреть здесь: channel9.msdn.com/posts/Pirates-Love-Daisies

А поиграться можно здесь: www.pirateslovedaisies.com

Ровно год назад, 9 декабря 2009, разработчики Google Chrome взбудоражили общественность, объявив внедрение поддержки веб-сокетов в будущих версиях Chrome. О том, что такое Web Sockets и что это дает, см. почти годовалый пост на хабре.

Веб-сокеты — это, действительно, вкусно.

С точки зрения веб-стандартов, Web Sockets — это отдельная спецификация, вынесенная из спецификации HTML5 еще весной 2009 для дальнейшей проработки внутри рабочей группы по веб-приложениям (WebApps WG). В настоящий момент документ находится в состоянии Working Draft.

Интересной особенность веб-сокетов является то, что это не просто API в браузере: механизм работы веб-сокетов завязывается на соответствующий протокол — WebSocket Protocol, разрабатываемый в рамках IETF, и требует соответствующей поддержки со стороны сервера. Текущая редакция драфта – 03 (17 октября), до этого было еще 76 ревизий. С последней в начале лета была неприятная история, когда новая ревизия оказалась несовместимой со старой.

Поддержка веб-сокетов была заявлена в Chrome и Safari, а также, насколько я понимаю, должна была быть доступна в предварительных версиях Opera 10.70-11 и Firefox 4b. (Ок, очевидно, что IE9 в этом списке нет, однако, справедливости ради: разработчики не раз заявляли, что в первую очередь внедряют стабильные и устояшиеся вещи, которые не приведут к обратным несовместимостям через несколько месяцев.)

Протокол, равно как и стандарт, все еще дорабатывается. И на самом деле хорошо, что его вынесли из HTML5, так как это позволяет отдельно прорабатывать и стабилизировать независимые куски, а не смешивать в одну кучу разметку и API для веб-приложений на JavaScript.

Как и обещали, публикуем интервью с Джоном Хрватиным, которое мы взяли во время его приезда в Москву.

Джон Хрватин (John Hrvatin) — IE9 Lead Program Manager, отвечающий за программную модель, инструменты разработчиков и поддержку стандартов в IE9.



Но, прежде всего, большое спасибо всем хабраюзерам, задававшим свои вопросы!

Сегодня в рамках конференции PDC было объявлено несколько важных новостей про IE9:

1. Internet Explorer 9 Beta – самая быстрорастущая бета IE, за прошедшие 6 недель с запуска бета-версию скачали уже более 10млн. раз и эта цифра продолжает расти (для сравнения: за такой же период IE8 beta скачали 6млн. раз).
2. Сегодня вышел Internet Explorer 9 PP6: улучшенная производительность JavaScript, добавлена поддержка CSS 2D трансформаций и семантических тегов HTML5. 
   
   IE9 PP6 по-прежнему ставится параллельно с текущим браузером, в том числе IE9 Beta.
   Подробнее см. в Guide for Developers.
   
3. С момента выхода первой версии IE9 PP мы получили более 13000 отзывов на http://connect.microsoft.com/ie. Если у вас есть пожелания или вы обнаружили какой-то баг – дайте нам знать, чтобы мы могли его исправить.

Ссылки на загрузку:

• Internet Explorer 9 Platform Preview 6
• Internet Explorer 9 Beta

Ниже видео с конференции Apple WWDC 2010 с сессии по Bing, в котором показывается прототип html5-версии Bing.

Продолжаем разбираться с прототипированием с помощью SketchFlow. В предыдущих сериях:

• Немного истории
• Основы

Сегодня мы рассмотрим работу с контролами, а начнем с примитивов.

Примитивы

Прежде всего, помимо того, что вы можете импортировать готовые картинки, какие-то примитивы для разметки компоновки вы можете рисовать непосредственно в Expression Blend (помомо прямоугольников, линий и овалов, есть кривые, звездочки, стрелочки, треугольники, callout`ы и ряд других примитивов):

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

Начало работы и интерфейс

Все начинается с создания нового проекта. На этом этапе вы можете выбрать, какого типа SketchFlow-приложение вы хотите создать. У вас два варианта: Silverlight и WPF-приложение.

Введение

Этой статьей я хочу начать цикл статей, посвященных созданию прототипов с помощью Expression Blend и SketchFlow. Мы постепенно пройдемся от базовых концепций и понимания, как работает SketchFlow, до отдельных нюансов вроде настройки и брендирования проигрывателя прототипов. Местами, я буду включать переводы статей других авторов.

В качестве введения в тему и для того, чтобы получить общее представление, предлагаю посмотреть вот это короткое видео (всего 90 секунд!) с обзором текущих возможностей SketchFlow:


А начнем мы со статьи Christian Schormann об истории SketchFlow.

SketchFlow: Немного истории

SketchFlow, инструмент динамичного прототипирования для Expression Blend, наконец официально вышел (от переводчика: статья писалась к выходу Expression Blend 3)! Вы можете скачать триальную версию здесь.

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