Gulp | Série Top Plugins - Vídeo 3 - Validando CSS Com CSS Lint - Sw9
Olá a todos. Sejam bem vindos ao Canal e Blog SW9 (http://blog.sw9.com.br)
No vídeo de hoje é a vez de apresentar 1 plugin voltado para validação de CSS.
Com o objetivo de criar vídeos mais curtos, minha idéia é apresentar no máximo 2 plugins por vídeo. Durante a apresentação eu vou explicar como instalar e utilizar cada plugin e disponibilizar o código fonte em minha área de download.
[Validação CSS - CSS Lint]
Para aqueles desenvolvedores que precisam incluir uma etapa de validação de códigos CSS no Gulp, eu recomendo usar o plugin [gulp-csslint].
Vou explicar passo a passo desde a instalação, configuração e resultados obtidos na utilização deste plugin.
Este plugin vai nos ajudar a validar os códigos escritos em CSS em busca de erros.
Vou mostrar também a possibilidade de incluir um reporter para exibir os erros de forma mais limpa e organizada e a possibilidade de configurar para encerrar a validação quando o primeiro erro for encontrado.
Deixarei a url deste plugin no final da descrição.
[Dica]
Minha sugestão é que estas atividades de lint (seja validação de HTML, CSS, JS, etc) sejam incluidas dentro do método Watch (Assistir vídeo sobre utilização do método watch: • Gulp | Guia Definitivo - Automatizando Tar... )
Bom, por hoje é só. Aproveitem o vídeo e bons estudos.
Como de costume, deixarei um link no final da descrição para baixarem o código fonte. O processo é bem simples, basta acessar o link, informar um e-mail válido e dentro de instantes receberá o link para acesso irrestrito em minha área de downloads.
O que estão esperando? Baixem agora mesmo o código fonte e bons estudos. :-)
Nome do arquivo disponível na área de Downloads: Gulp - Plugins/#3 - Validando CSS - CSS LINT.zip
Espero que gostem deste vídeo. Aproveito para pedir a participação de vocês no canal e blog, curtindo, compartilhando, dando sua opinião e se inscrevendo no canal e blog para receber as novidades em primeira mão.
Fiquem com Deus e até o próximo vídeo.
Links úteis:
Lint CSS: https://www.npmjs.com/package/gulp-cs...
https://github.com/thirus/gulp-csslin...
Opções de Configuração: https://github.com/CSSLint/csslint/wi...
Código Fonte: http://blog.sw9.com.br/acesso-area-de...
Meu Blog: http://blog.sw9.com.br
Meu GitHub: https://sw9brl.github.io/MyGitHubPage
Canal youtube: / +sw9brl
Link do vídeo: • Gulp | Série Top Plugins - Vídeo 3 - Valid...
Playlist sobre Gulp: • Gulp- Guia Definitivo - Mão na Massa
Playlist Plugins Gulp: • Gulp - Top Plugins - Lista de Plugins Reco...
Parceria: https://www.tubebuddy.com/pricing?a=s...
✔ Clique em gostei ✔ Compartilhe ✔ Inscreva-se