Web Standards Update for Visual Studio 2010 SP1

Web Standards Update for Visual Studio 2010 SP1

Rate This
  • Comments 21

 

We are pleased to announce the first Web Standards Update for Visual Studio 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.

As the HTML5 and CSS3 specifications mature we will make updates available accordingly to ensure that ASP.NET web developers always have the latest standards to work with. This is at the same time an invitation to report any bugs or features you would like to see in future updates. Please write a comment with any bugs or suggestions.

This release has been made possible by the hard work of some of our team members in their spare time and isn’t an official Microsoft release.

Now let’s take a look at some of the features.

HTML 5

WAI-ARIA

The WAI-ARIA standard enables web developers to make their websites more accessible to e.g. screen readers. This update contains a rather comprehensive support for WAI-ARIA by adding all the aria-* attributes along with new intellisense for the role attribute.

image

The aria-* attributes shows up in the intellisense list as well as the values.

image image

Microdata

HTML 5 has an additional way of adding meaning to the markup called Microdata. This allows web developers to mark different elements with meta data that is readable by e.g. search engines. Bing, Google and Yahoo are all supporting Microdata and more specifically the schema.org vocabularies. This update will therefore add intellisense to the most popular vocabularies including schema.org and data-vocabulary.org.

image

If you are interested in search engine optimization you might find this Microdata support particularly useful.

CSS 3

If you don’t get intellisense after installing the update, you might have to select the CSS 3.0 schema manually on the Style Sheet toolbar.

image

Multi-columns

It is much easier to read lines of text that aren’t too long. Newspapers have always kept their columns rather narrow and with CSS 3 this becomes possible very easily on websites as well. This update brings full intellisense for both properties names and values for multiple columns.

image

For more info on multi-columns, check out this introduction to to the CSS3 Multi-Column Module.

Border-radius

There is no way around this. It’s impossible to talk about CSS3 without giving The Rounded Corners™ example because it is the quintessential CSS3 feature. The CSS3 support brought by this update does of course contain full support for rounded corners aka. border-radius.

image

Animation, transitions and transforms

CSS3 introduces some new and features that could seem a little complicated to learn. With both validation and intellisense to guide you through all these new features, it has never been easier to explore what CSS3 has to offer.

image

JavaScript

The update to JavaScript is very comprehensive. You will immediately start noticing a lot more values in the intellisense.

Geolocation

One of the most talked about features of modern web browsers is their location awareness. In JavaScript you can hook into this knowledge by using the geolocation API. This is also supported in all newer browsers.

image

DOM storage

Using the DOM storage mechanisms you can eliminate the need for cookies to persist user data and settings. Both localStorage and sessionStorage are fully supported by this udpate.

image

Read an introduction to DOM storage.

Also notice…

The HTML 5 support included in SP1 added intellisense and validation for a lot of new elements such as the <video> and <source> elements. However, there were bugs and one of them were the error you would see when adding <source> elements inside <video> elements. This is being fixed by this update so you now also get intellisense for the <source> element. The type attribute is also no longer required in <script> elements.

image

We also added missing elements such as <bdi>, <s> and <u> and a lot of new attributes such as dropzone for drag ‘n drop.

image

Known issues

Though this update contains a lot of new CSS3, HTML5 and JavaScript support, there are certain things that we haven’t been able to do. Since we don’t make any changes to the running code of Visual Studio, we are not able to change the way CSS, HTML and JavaScript gets parsed and validated. That means that even though we are continuing to bring you updates as the W3C standards changes, we will not be able to get it 100% right in Visual Studio 2010.

We do encourage you to report any bugs you find to us directly as a comment here on this blog post. We do take this very seriously and want to get as close to 100% as we possibly can.

Read more

More demos and run trough's can be found at Scott Hanselman’s blog post and a behind-the-scenes story can be found at Mads Kristensen’s blog

Leave a Comment
  • Please add 7 and 6 and type the answer here:
  • Post
  • Ummmm... apparently it's unsigned which needless to caused some "amusing" messages about potential threats.  Hope they were wrong ;)

  • I can't open CSS files after installing this: "The operation could not be completed. Unspecified error"

  • Can you fix VS2010 so I can actually turn off JScript Intellisense instead (yeah I unchecked everything.. VS still does it)?  That would be a much better update.

  • Cannot install this on a Vista system... keeps saying that I need to install VS SP1, where SP1 is already installed.

  • Excellent update - thank you. Will report issues/bugs (if any).

    @Sad user: you could just right-click and say "Open with" and use Notepad....or any other tool you prefer, even set it as default (if necessary). You can switch it back later on as needed as well....hth.

  • www.bluechiptechnosys.com   I just came across from this article and I read it. It is too good and worth reading. And now I would like to say that thanks for sharing with me such nice article.

    <a href="www.bluechiptechnosys.com/">Web Development</a>

  • Friends dont miss it please

    esp. USA,UK and German friends

    http://adf.ly/1q5di

  • @ lee dumond - do you have Visual Studio SP1 installed or Vista sp1 installed?

  • Same as @lee dumond

    I do have installed VS SP1.

  • I am also receiving the SP1 error - Windows 7 Ultimate x64 is my OS, and I do have Visual Studio 2010 SP1 installed.

  • Installed ok for me on Win7x64 ... For all those who are having trouble even with VS2010 SP1 installed, check out Wouter vanEck's fix on the Review tab of visualstudiogallery.msdn.microsoft.com/a15c3ce9-f58f-42b7-8668-53f6cdc2cd83

  • After installing this update and selecting CSS3 from toolbar,I tried following

    div{

    transform:translate(50px,50px);

    }

    above gave me a warning saying translate(50px,50px) is not a valid value for transform property,What is wrong here?

  • I'm going to go try this with my http://www.kfclocations.com site. cool, thanks guys.

  • Service Pack 1 for Visual Studio 2010 must be installed

    17 Jun 2011 11:46 AM

    Same as @lee dumond

    I do have installed VS SP1.

  • As per me it’s very difficult to judge someone’s professional work without doing that. So comparing you with a School bus driver is not fair.

Page 1 of 2 (21 items) 12