Fotografia de capa por Asoggetti, tirada por uma Nikon D750
Heeeeey galera, mó tempo que não escrevo, eu estou meio enrolado com umas paradas e como gosto de fazer esses posts com calma... ahhh vocês já manjaram =D
O que é PostCSS?
PostCSS é uma ferramenta para transformar CSS com plugins javascript, é meio como o Gulp ou Grunt funciona, que você tem o Task Runner, mas o coração fica a rigor dos plugins, onde você tem o gulp, grunt, grunt-contrib-jshint, gulp-uglify, gulp-imagemin, grunt-contrib-cssmin e assim por diante. Passando para o nosso português marotado, PostCSS significa pós-css, ou seja, temos costume de usar Stylus, Sass, Less... mas eles são pre-processadores, e o que temos com o PostCSS é uma forma diferente de trabalhar, já que você escreve seu CSS e depois ele entra em ação.
Enfim faz todo sentido trabalhar dessa forma ;)
Como funciona?
Bem, achei melhor fazer um vídeo rapidinho para explicar...
Segue uns plugins que eu uso:
- precss - Usar systax SASS-like.
- cssnext - Usar features do CSS level 4.
- lost - Sistema de Grid lokão.
- autoprefixer - Prefixer =)
- write-svg - Permite escrever SVG diretamente no CSS.
- postcss-conic-gradient - Esse aqui só tu olhando porquê é bem loko.
- postcss-cyspriter - Permite criar sprites.
Encerramento
E aí? o que vocês acharam desse meninão?
beleza! em um próximo post de PostCSS, amostrarei como fazer para criar seus próprios plugins <3
Até a próxima galera!