html5-displayASP.NET developers have been asking for HTML5 & CSS3 support all the time and today we are super excited to announce the public availability of Visual Studio Web Standards Update which brings a ton of HTML5 & CSS3 support to Visual Studio 2010 SP1.

VS Web Standards Update is a free extension available for anyone who is using Visual Studio 2010 SP1 or Visual Web Developer Express 2010 SP1.

It updates the HTML5 Intellisense and validation to reflect the latest W3C specifications and fixes some bugs bugs in the current SP1 support for HTML5. Also JavaScript Intellisense it updated to reflect many of the new browser capabilities such as Geolocation and DOM storage. Finally, this update adds comprehensive CSS3 Intellisense and validation based on the latest specifications from W3C.

You can download the update from Web Standards Update for Microsoft Visual Studio 2010 SP1.

To learn more, see the team blog post at Web Standards Update for Visual Studio 2010 SP1.

HTML5 Supported

clip_image006

VS Web Standards Update provides you Intellisense and validation for most common HTML 5 features like:

· Video & related tags

· Audio & related tag

· New input types like email, url, date etc

· Drag & Drop support

· Accessibility standard WAI-ARIA

· Microdata

· Schema.org & more SEO friendly goodness

 

Browser APIs

  • Geo-Location - Having location aware websites is growing trend and now you will have full intellisense and validation within Visual Studio for creating websites which are location aware.  For sample view the source for the IE9 test drive demo.
  • Local Storage – IE has been supporting local storage from IE8 onwards, now Visual Studio will provide you with full fidelity intellisense to create sites which can save state within browser.  For sample of try view source on HTML5 Demo Site

 

CSS3

clip_image008 

This update supports intellisense and validation for most of the CSS3 modules including:

· 2D Transforms

· 3D Transforms

· Animations

· Background & Borders

· Basic Box Model

· Basic UI

· Behavior

· Color

· Flexible Box Layout

· Fonts

· Generated Content for Paged Media

· Hyperlink Presentation

· Line

· Lists

· Marquee

· Media Queries

· Multi Column

· Namespaces

· Paged Media

· Presentations Levels

· Ruby

· Selectors

· Speech

· Syntax

· Template Layout

· Text

· Transitions

Additionally, if you are trying to make websites which work on a variety of platforms and browsers you will love the fact that Web Standards Update not only supports IE specific prefixes like –ms; but also other vendor prefixes like –webkit and –moz.

For More Information

 

Bruce D. Kyle
ISV Architect Evangelist | Microsoft Corporation

image