Arquivos do Blog
Novidades do Visual Studio 11 – Editor de CSS
Olá pessoal, hoje vou falar de mais novidades sobre o Visual Studio 11, dessa vez sobre as melhorias no editor de CSS.
A nova versão do Visual Studio vem com grandes novidades no editor de CSS, para melhorar a produtividade, a organização do código e a compatibilidade entre navegadores.
Color Picker
Nas versões anteriores do Visual Studio, o intellisense do editor de CSS nos fornecia uma lista de valores de cor pré definidos como Silver, Yellow, Green etc. O Visual Studio 11 substitui esse intellisense de cores por um color picker mais robusto e com mais opções de cores, podemos escolher entre as cores pré definidas ou adicionar uma nova cor.
Se você clicar em (+), irá se expandir um color picker semelhante ao do Adobe Photoshop para seleção de cores. Podemos também definir o canal alfa que será automaticamente convertido em uma cor CSS3 RGBA. Com o recurso de “Pick”, podemos selecionar uma cor de um site aberto no navegador ou de um aplicativo aberto.
Código Coss-Browser
Desenvolver um site compatível com todos os navegadores as vezes se torna um pouco repetitivo quando há propriedades específicas para cada navegador, por exemplo -moz-border-radius, -webkit-border-radius e -o-border-radius. O Visual Studio 11 possui um suporte para gerar todas as propriedades de navegadores específicos automaticamente, por exemplo, basta apenas escrevermos transition no editor de CSS:
Em seguida, se apertamos o [TAB], o Visual Studio 11 irá gerar o código de transition específicos para cada navegador para oferecer o suporte cross-browser. Também é possível alterar o valor de apenas uma propriedade e propagar a alteração para as outras.
Hierarquia de CSS
Preciso nem falar muito sobre esse recurso, basta olhar a imagem para entender do que se trata:
Agora podemos identar o código CSS para tornar mais legível uma relação pai-filho de regras. Na versão anterior do Visual Studio, para fazer algo parecido, era necessário desabilitar a identação automática de CSS.
Finalmente temos um editor de CSS robusto, cheio de recursos e não mais preso ao Internet Explorer. A nova versão do Visual Studio, irá tornar o desenvolvimento de estilos CSS mais fácil e rápido, com muitos recursos que faziam falta como o color picker. e o suporte à estilos compatíveis com outros navegadores.
