Introducing the Blend Class Attribute Editor for HTML

Managing the complexity of interwoven HTML and JavaScript can be a demanding task for designers.  One way Blend supports designers is by providing a visual indication in the CSS Properties and HTML Attributes panes when JavaScript values have been set or have overwritten values assigned in markup. This works well for the majority of attributes and properties that take a single value.  However, the class attribute can be assigned a list of space-separated class names.  In JavaScript, the list of class names can be appended to, prepended to, overwritten, deleted, or otherwise arbitrarily modified.  Sometimes, multiple JavaScript functions will modify the class attribute of the same element in different ways. Understanding the interactions between HTML markup and JavaScript is crucial during development and can help with debugging when things aren’t displaying as expected.

Enter the Blend Class Attribute Editor for HTML

Blend includes a nifty value editor specifically designed for the HTML class attribute.  You can use it to add, edit, and remove class names for selected elements.  More importantly, you can see a visual indicator for each class name that indicates its state.

Read the entire article here.