CSS Property Window Add-in For VS2005 Released!


This has been a small side project that the team has been working on for a LONG time to try and provide even richer support for CSS inside of Visual Studio 2005 and it is now finally avaialble as a VSIP plugin — If you are doing any work with standards based design or working with CSS I highly encourage you to grab this download.  Please note, since it is a VSIP plug-in it will only work with Visual Studio 2005 Standard Edition and higher (or more simply put: it won’t work with Visual Web Developer Express, just the Visual Studio Products) — Download Here


Details:


Visual Studio 2005 provides some capabilities for visually editing the styles for elements in an HTML or ASP.NET page. For example, in Design view, you can right-click a control or element, and then choose Style to display the Style Builder dialog box. Although the style builder enables you to create and edit in-line styles, there’s no way to edit the styles that are inherited from a linked style sheet.  The new CSS Properties window provides this capability — it enables you to edit both in-line styles and styles in linked style sheets.

The CSS Properties window is an add-in package to Visual Studio 2005. It does not change the behavior of any feature in Visual Studio 2005; it simply adds additional functionality specific to editing CSS in Design view.

Features:

Using the CSS Properties window, you can do the following:



  • Display in-line styles and styles inherited from <style> blocks and linked style sheets.
  • Edit in-line styles and styles in linked style sheets. (The CSS Properties window displays styles from <style> blocks, but does not enable you to edit them.)
  • Display drop-down lists of styles and values to help you create valid style definitions.
  • Drag style settings between different elements and to and from a style sheet.
  • Edit styles for multiple elements.

Comments (4)

  1. Gill Cleeren says:

    Surely gonna try this one, I’m a web developer, so could come in very handy!

  2. Joshua says:

    Sure would be nice to have this for the Express version…Looks pretty cool.

  3. bgold says:

    Josh — since the express SKU’s are designed for hobbyists, students and enthusiasts we made efforts to make them incredibly lightweight, and as a result the VSIP plug-in functionality was removed (for many reasons) –hence the reason this doesn’t work with Express. However, you can easily go get VS Std Upgrade for $179 and get all the great VWD Express features (plus a whole lot more pro features like accessibilty checking, pre-compilation, web deployment projects add-in, web class library projects (shipping soon) add-in, etc.) in addition to support for building WinForms and class library based apps and mobile apps – -something to think about for $179.

    http://www.amazon.com/exec/obidos/tg/detail/-/B000BT8TS0/qid=1134665989/sr=8-1/ref=sr_8__i1_xgl65/103-3467738-2458232?v=glance&s=software&n=1000

  4. Thank you and Merry Christmas to you too 🙂

    This functionality has been available in Dreamweaver for several years already. Editable CSS snippets that render in a property window are so incredible useful. Glad to see us catch up 5 years later %-)

    Finally, why doesn’t Microsoft just bite the bullet and make Nick Bradbury a wealthy man; acquire TopStyle from him and integrate it with Visual Studio. Nick developed HomeSite which was/is arguably the best HTML editor on the planet.

    Why isn’t Nick Bradbury being rewarded as he justly deserves? No, I’m not his cousin 😉

    Give him a Microsoft T-Shirt and throw him into one of those offices with a door we all hear about. Slide a pizza under the door and sit back and wait. Nick Bradbury knows how to write great web development tools.