html5

Эффективная веб-разработка c Visual Studio 2012: нововведения в редакторы HTML/CSS и JavaScript







Новая версия Visual Studio 2012 предлагает значительное число нововведений в редакторы HTML/CSS/JavaScript. В этом обзоре я расскажу про основные нововведения, которые позволят веб-разработчикам писать код более быстро, удобнее и эффективнее.

Редактирование HTML5

Visual Studio 2012 полностью поддерживает HTML5 и все новые теги, которые предлагает новый стандарт. Это означает, что разработчики получают автодополнение новых тегов в редакторе (рисунок 1).

clip_image001

Рис.1. Автодополнение HTML5-тегов

Это так же означает встроенную поддержку валидации HTML5-кода в редакторе. Кроме того, для многих тегов механизм автодополнения создает кроссбраузерный код, например , автодополнение <video> на рисунке 1 приведет к автоматической генерации следующего кода (рисунок 2).

Читать дальше...

Субтитры в HTML5 Video, CORS, FileAPI Writer и другие новинки в новом превью Internet Explorer 10







Main

Вчера была представлена новая превью-версия Internet Explorer 10, в которой разработчиками было добавлено значительное количество новых возможностей. Среди них:

  • поддержка субтитров в HTML5 Video (сразу нескольких языков);
  • добавлена поддержка CORS (cross origin resource sharing) для безопасных кроссдоменных запросов;
  • добавлена поддержка File API: Writer для работы в браузере с большими бинарными объектами (файлами, блобами);
  • добавлена поддержка JavaScript typed arrays для эффективного хранения и манипулирования типизированными данными;
  • добавлена поддержка свойств CSS user select для возможности задать на странице блоки, которые доступны для выделения пользователем;
  • улучшения в CSS3 Positioned Floats, Flexbox, Grid, поддержка Web Worker Thread Pooling, улучшенная поддержка XHR2.

Кроме того, был обновлен Developer Center, создано несколько новых функциональных демо и добавлено свыше сотни новых тестов качества реализации веб-стандартов. Обо всем этом рассказывается ниже.

Как всегда загрузить новую превью-версию Internet Explorer вы можете на сайте http://ie.microsoft.com/testdrive/ (новое превью может быть установлено на Windows 8 Developer Preview). Там же вы найдете демонстрации, тесты, техническую информацию и полезные ссылки. Русскоязычным разработчикам будет полезен специальный раздел на MSDN. Кроме того, доступно локализованное руководство по всем новым веб-стандартам имплементированным в Internet Explorer 10 (ожидает обновления).

Поддержка субтитров в HTML5 Video

Итак, если вы хотели использовать HTML5 Video вместе с субтитрами, то в IE10 PP4 вы можете это сделать с помощью специального определения ссылки или даже ссылок на файлы титров:

Читать дальше...

Анонсы Alawar: движок HTML5-игр, поддержка IE9 pinned site и собственная сборка браузера







image

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

В первую очередь я очень рад представить вам видео-анонс нового HTML5-движка компании, который будет использоваться в будущих проектах Alawar. Я думаю, многие из вас будут рады узнать, что Alawar присоединилась к лагерю разработчиков HTML5-игр и разработке богатых приложений на современных веб-стандартах. Ниже представлено видео, которое впервые было показано в рамках конференции TechEd Russia 2011 на треке докладов по инструментам и языкам программирования.

image

Ниже вы можете узнать про другие анонсы от Alawar: новый сайт с функцией закрепления на панели задач Windows 7 и сборку браузера Internet Explorer 9 с быстрым доступом к играм компании.

Читать дальше...

HTML5 Camp - Поговорим о веб-стандартах







Москва, 16 ноября 2011 г. – 30 ноября в Санкт-Петербурге пройдет вторая конференция HTML5 Camp. Конференция состоится в гостинице «Прибалтийская» по адресу: Санкт-Петербург, ул. Кораблестроителей, дом 14. HTML5 Camp ориентирован на веб-разработчиков и веб-дизайнеров, которые хотят узнать о новых веб-технологиях HTML5, CSS3, ECMAScript5 и различных API для браузера, а также об инструментах для разработки. Участие в мероприятии бесплатное, подать заявку на участие можно по адресу: http://www.microsoft.com/ru-ru/events/html5camp/.

HTML5 Camp в Санкт-Петербурге — это вторая из серии конференций Microsoft, посвященных теме современных веб-стандартов и будущего веба. Первый HTML5 Camp прошел в Москве в феврале этого года и собрал около 400 веб-профессионалов, а к онлай-трансляции мероприятия присоединились свыше 24000 человек.

«Для современного веба как никогда раньше нужны стандарты, так как количество веб-пользователей постоянно растет, а вместе с ним повышаются и их требования к веб-сайтам и веб-сервисам. Кроме того, сегодня пользователям уже недостаточно одинаково легко и быстро открывать сайты в разных браузерах – то же самое они ждут и от мобильных устройств. Чтобы веб-разработчики могли удовлетворить все эти требования, им на помощь приходят стандарты, которые позволяют больше времени уделять развитию своих продуктов, а не их адаптации под каждый конкретный браузер и каждое конкретное устройство», – сказал Александр Ложечкин, директор департамента стратегических технологий Microsoft в России.

Основное внимание на конференции будет уделено развитию современных веб-стандартов (HTML5, новых модулей CSS3 и API для JavaScript) и их практическому применению в реальных проектах. На HTML5 Camp можно будет узнать об особенностях применения новых технологий на различных устройствах (от десктопных ПК до сматрфонов) и инструментах разработки, отдельное внимание будет уделено вопросам безопасности в контексте HTML5.

Докладчиками HTML5 Camp станут эксперты индустрии, среди которых представители Microsoft, Adobe, Яндекс, Opera, 1С-Битрикс.

Зарегистрироваться на мероприятие и получить дополнительную информацию о конференции можно по адресу: http://www.microsoft.com/ru-ru/events/html5camp/.

Компания Disney запустила сайт Tron: Legacy на HTML5







Компания Disney с поддержкой Internet Explorer 9 запустила красивый промо-сайт кинофильма Tron: Legacy, который выполнен на базе современных веб-стандартах и HTML5. Сайт насыщен графическим материалом и предлагает посмотреть комикс с историей. Выглядит отлично!

image image

Посмотреть сайт можно по ссылке http://disneydigitalbooks.go.com/tron/. Анонс со стороны Microsoft можно прочитать по этой ссылке.

Новый конкурс на создание HTML5-приложений!







image

Запущен новый конкурс для веб-разработчиков, которые создают приложения нового типа на HTML5 уже сегодня. Конкурс под названием Dev:unplugged предлагает рарзработчикам участвовать в соревновании в трех категориях для создания наиболее интересных игр, музыкальных приложений и инновационных приложений.

Условие конкурса простое: участники должны использовать только современные веб-стандарты, без применения плагинов для браузеров.

Категория инновационных приложений имеет несколько подкатегорий с разными спонсорами:

  • лучшее использование геолокации – спонсор Foursquare;
  • лучшее применение Pinned Sites – спонсор Microsoft;
  • лучшее применение Canvas и SVG -  спонсор FWA;
  • инновации в дизайне и UX – спонсор Carsonified.

Разработчиков-победителей ожидают отличные призы:

  • супер-приз – $9000 и оплаченная поездка на конференцию Future of Web Apps Las Vegas;
  • лучшее игровое приложение – $5000;
  • лучшее музыкальное приложение – $5000;
  • инновационное приложение – все победители получат планшеты ASUS Eee Slate;
  • другие заметные проекты получат Xbox 360.

Условия конкурса, категории и призы опубликованы на официльном сайте по адресу http://www.beautyoftheweb.com/#/unplugged

Progg it

Выпущена обновленная версия обучающего пакета Web Camps Training Kit







image

Выпущена обновленная версия пакета обучающих материалов разработанных для сопровождения конференций Web Camps, которые регулярно и по всему миру проводит компания Microsoft на тему веб-разработки.

Данный набор содержит обучающие материалы по последним веб-технологиям, которые разрабатывает или продвигает Microsoft. Среди них: ASP.NET MVC 3, Internet Explorer и веб-стандарты HTML5/CSS3/JavaScript, открытый протокол Odata, библиотека jQuery, веб-приложения и CMS, новый пакет разработки приложений WebMatrix.

Web Camps Training Kit содержит презентации, демонстрации и лабораторные работы с полным пошаговым описанием. Кроме того, в комплекте разработчики найдут бесплатную книгу и другие материалы по среде разработки WebMatrix.

Краткое содержание Web Camps Training Kit:

Читать дальше...

17 февраля в Москве пройдет конференция HTML5 Camp







ScreenClip(101)

Хорошая новость для российских разработчиков. 17 февраля 2011 года в Москве пройдет специальная конференция HTML5 Camp посвященная новым веб-технологиям и стандартам HTML5, SVG, CSS3 и другим.

Мероприятие организует Microsoft, но в нем примут участие не только сотрудники компании, но и представители других компаний и ресурсов относящихся к веб-технологиям: Opera Software и JavaScript.ru.

Полное расписание конференции выглядит следующим образом:

09:00 Регистрация
10:00 Открытие: A More Beautiful web, Microsoft
11:40 Современный подход к веб-стандартам, TBD
12:30 Погружение в HTML5, Гайдар Магдануров, Microsoft
13:10 Перерыв
14:00 Динамическая графика: Canvas и SVG, Вадим Макеев, Opera Software
14:40 Карты и SVG, TBD
15:20 Разработка игр в HTML5, TBD
16:00 Как стать ближе к пользователям с IE9, Богдан Брынза, Microsoft
16:30 Перерыв
17:00 Эволюция JavaScript: ECMAScript 5, Илья Кантор, JavaScript.ru
17:40 Как померить скорость веба, Николай Мациевский, WEBO Software
18:20 TBD
19:00 Закрытие

Участие в конференции бесплатное, но с обязательной регистрацией. Для тех, кто не сможет принять участие лично будет вестись живая видео-трансляция. После конференции видео-материалы будут выложены в свободный доступ.

Progg it

Новогодние демонстрации от команды Internet Explorer







Команда Internet Explorer разместила на сайте IE Test Site новые технические демонстрации использования веб-стандартов и тестирования производительности браузеров.

Santa's Workshop

Первая демо – это технический тест производительности браузера при работе с графикой и ускорения GPU:

image

HTML5 Blizzard

Вторая демонстрация – это тест скорости браузера и JavaScript, протестируйте, сколько снежинок осилит ваш браузер:

image

Microsoft выпускает прототипы технологий IndexedDB и WebSockets. Запущен новый сайт HTML5 Labs







image

Microsoft не смогла продолжать игнорировать интерес разработчиков к ранним реализациям веб-стандартов. Такие браузеры как Google Chrome и Mozilla Firefox издавна содержат в себе реализации подобных функций, работа над которыми еще не завершена. Разработчики могут попробовать их, оценить и выразить свое мнение о реализации, повлияв таким образом на реализацию самого стандарта. Команда Internet Explorer до сегодняшнего дня старалась избегать реализации ранних прототипов веб-технологий в своем браузере. Однако, сегодня был сделан первый шаг навстречу интересам разработчиков и запущен специальный веб-сайт HTML5 Labs.

HTML5 Labs – это сайт на котором Microsoft будет публиковать свои прототипы реализаций веб-технологий и стандартов. Первыми ласточками стали стандарты IndexedDB и WebSockets.

IndexedDb – это стандарт, который определяет индексируемое хранилище в браузере для хранения большого объема структурированной информации. Очень похоже, что Microsoft реализует хранилище IndexedDB в Internet Explorer на базе встраиваемой БД SQL Server Compact. Для установки прототипа сегодня вам необходимо зарегистрировать COM-объект sqlcejse40.dll. Примечания к прототипу и ограничения реализации стандарта на сегодняшний день можно прочитать тут. Загрузить компонент прототипа IndexedDB можно отсюда.

WebSockets – это другой веб-стандарт, который призван значительно упростить и улучшить возможности браузеров по взаимодействию с серверами, в том числе привнести в веб возможность двустороннего полнодуплексного обмена данными. Примечания к выпуску прототипа от Microsoft можно найти тут, загрузить прототип можно отсюда. Похоже, что WebSockets будут построены на базе технологии WCF. В пакете прототипа можно найти много интересного, в том числе пример приложения, которое использует стандарт WebScockets.

Для установки прототипов необходимо предустановить Internet Explorer 9 Beta. Некоторые подробности о новом проекте и выпущенных прототипах в этих статьях: статье Dean Hachamovitch и  заметке Jean Paoli.

PS: в записи блога Tomek on Software появилось описание деталей реализации прототипа веб-сокетов. Прототип действительно построен на базе .NET, WCF и Silverlight, но это только демонстрация технологии и конечный результат будет, скорее всего, выполнен в нативном для IE9 виде.

Progg it