Productivity tools for the HTML editor
- Image hover preview
- Go to definition of classes and IDs
- Peek definition
- Meta tag Intellisense
- Dynamic Intellisense
- Find all references
- Light bulbs
Image hover preview
Go to definition
F12 when the cursor is located inside a class or ID attribute.
HTML Tools will jump to the location inside CSS, LESS and Sass files.
Alt+F12 when the curser is located inside a class or ID attribute.
A peek definition inline code window will appear showing the definition
of the class/ID from CSS, LESS and Sass files.
Full Intellisense provided for:
- Apple iOS
- Twitter Cards
- Windows 8
- Internet Explorer 9+
Dynamic Intellisense is where Intellisense is based on other tags and attributes etc.
<input id="here" /> based on <label> tags
Find all references
Shift+F12 when the cursor is located inside a class attribute.
HTML Tools will search all CSS, LESS and SASS files for the
Light bulbs are added for variuos scenarios including:
- Base64 decoding of images
- Remove parent tags
- Extract Stylesheets to file
When working with Facebook/OpenGraph integration, we need to
remember to add the prefix attribute to the
Validates that the itemtype attribute is a valid absolute URL.
Validates that the
type attribute has the value