Web Essentials, Extensión para Visual Studio

La extensión Web Essentials, desarrollada por Mads Kristensen es esencial para los desarrolladores web ya que permite realizar tareas comunes de manera más fácil. Entre las características de esta extensión tenemos:

Pre visualización dinámica en CSS

Carga el sitio o proyecto en el navegador y lo actualiza cada vez que sea guardado o compilado. Puedes activar la edición en vivo de CSS, que te permite ver en tu sitio web los cambios realizados en el código  en tiempo real, es decir cada vez que tecleas algo.

Generador de propiedades para proveedores en CSS3

La mayoría de propiedades nuevas de CSS3, solo funcionan en todos los navegadores si estas son especificadas como proveedor en el código, por ejemplo: -moz, -webkit, -ms y -o. Web Essentials inserta las propiedades específicas de los proveedores que no han sido declaradas.

Cambiar valores numéricos con teclas cursoras de arriba y abajo

Cuando el cursor se encuentre cerca de un valor numérico como por ejemplo 5px, 6em, 15%. Puedes presionar CTRL + UP para incrementar el valor y CTRL + DOWN para disminuirlo.

Pre visualización de fuente y color en mouse hover

Arrastrar y soltar imágenes y fuentes

Simplemente arrastras la imagen o fuente en el editor desde el Solution Explorer o desde tu escritorio, y la propiedad correspondiente insertará la ruta relativa al archivo.

Añade etiquetas inteligentes a las propiedades enfocadas IE6 y IE7

Hace que sea fácil de aplicar los hacks de CSS necesarios para la compatibilidad con versiones específicas de Internet Explorer.

El siguiente enlace incluye un video donde se muestran las características que ofrece esta extensión: https://geeks.ms/blogs/jersson/archive/2011/11/30/visual-studio-web-essentials-en-video.aspx

Enlace de descarga: https://visualstudiogallery.msdn.microsoft.com/6ed4c78f-a23e-49ad-b5fd-369af0c2107f

¡Hasta la próxima!