Sass
11 posts
Substituindo funções de cor do Sass por CSS nativo
Guia prático para substituir funções de cor do Sass como lighten(), darken() e tint() por CSS moderno com color-mix() e sintaxe de cores relativas.
Ler artigo16 dicas de Sass para facilitar sua vida (parte 2)
Domine Sass com 8 dicas avançadas: argumentos variáveis, mixins inteligentes, operações e arquitetura de estilos. Facilite sua vida no front-end!
Ler artigoBEM: guia definitivo do padrão CSS mais famoso
Guia completo da metodologia BEM (Block Element Modifier). Aprenda a convenção CSS do Yandex com exemplos práticos, vantagens e melhores práticas.
Ler artigoBarra de progresso circular com CSS
Crie barras de progresso circular impressionantes com CSS puro e Sass. Técnica diferenciada usando linear-gradient para 100 níveis de preenchimento radial!
Ler artigoO básico de Sass para se virar nas webs
Domine o básico de Sass para se virar nas webs. Aprenda variáveis, nesting, mixins e organização para escrever CSS profissional. Comece agora!
Ler artigo6 vantagens em usar BEM ao escrever CSS
Organize e escale seu CSS com metodologia BEM profissionalmente. Descubra 6 vantagens: nomes de classes compreensíveis, consistentes e fáceis de manter!
Ler artigoVariáveis CSS são melhores que loops de Sass?
Variáveis CSS são melhores que loops de Sass? Compare custom properties com preprocessadores para geração dinâmica de estilos. Veja exemplos!
Ler artigoA maneira 100% correta de fazer breakpoints em CSS
Descubra a abordagem correta para breakpoints CSS responsivos. Aprenda a definir pontos de quebra baseados em conteúdo, não em dispositivos.
Ler artigo16 dicas de Sass para facilitar sua vida (parte 1)
Descubra 8 dicas avançadas de Sass que você provavelmente não conhecia: prefixos, mixins, funções e técnicas que vão mudar seu CSS. Aprenda!
Ler artigoVocê não precisa de um framework CSS Grid
CSS Grid vs Frameworks: análise completa e imparcial. Descubra quando usar Grid nativo e quando frameworks CSS ainda fazem sentido em projetos. Decida!
Ler artigoPré-processadores CSS e Chrome DevTools
Aprenda a usar pré-processadores CSS no Chrome DevTools. Debug e edição de Sass/LESS diretamente no navegador com source maps. Acelere o workflow!
Ler artigo