Repolode
Enviar
AllThingsSmitty

AllThingsSmitty/css-protips

Lista selecionada de dicas práticas de CSS sobre resets, layout, seletores, tipografia e dimensionamento responsivo, cada uma com exemplos curtos de código.

Ver no GitHub
Estrelas
30,301
Forks
2,196
Issues abertas
1
Último commit
há 29 dias

O que é?

CSS Protips é uma coleção de técnicas de CSS curtas e práticas, mantida pela comunidade, voltada a desenvolvedores que querem escrever folhas de estilo mais limpas e confiáveis. Cada dica explica um problema comum e mostra um pequeno trecho de código, muitas vezes com um demo linkado.

As dicas abrangem uma grande variedade de tópicos: resets de CSS e herança de box-sizing, centralização de elementos com flexbox e grid, uso de :not(), :is() e seletores negativos de nth-child, dimensionamento com rem, em e unidades de viewport, além de como manter layouts estáveis com aspect-ratio. Algumas entradas também abordam questões de acessibilidade, como estilos de foco e as ressalvas do conteúdo gerado por CSS.

O projeto é organizado como um documento Markdown com sumário e foi traduzido para muitos idiomas. É mais indicado como referência para desenvolvedores front-end que já conhecem o básico e querem consultar rapidamente padrões idiomáticos.

Recursos principais

  • 01Aborda resets, layout, seletores, tipografia e dimensionamento responsivo
  • 02Cada dica inclui um trecho curto de código que explica o padrão
  • 03Várias dicas têm links para demos ao vivo
  • 04Inclui observações sobre os impactos na acessibilidade de certas técnicas
  • 05Disponível em várias traduções

Casos de uso

  • Revisar conhecimentos de CSS com técnicas modernas de layout e seletores
  • Consultar rapidamente um padrão para centralização, resets ou estilos de foco em formulários
  • Compartilhar boas práticas comuns de CSS com uma equipe
  • Aprender CSS moderno e idiomático depois de dominar o básico

Tópicos

#css#frontend#web-development#best-practices#flexbox#cheatsheet#accessibility#awesome-list#css-tips#css-tricks

Perguntas frequentes

O que é css-protips?
Lista selecionada de dicas práticas de CSS sobre resets, layout, seletores, tipografia e dimensionamento responsivo, cada uma com exemplos curtos de código. CSS Protips é uma coleção de técnicas de CSS curtas e práticas, mantida pela comunidade, voltada a desenvolvedores que querem escrever folhas de estilo mais limpas e confiáveis. Cada dica explica um problema comum e mostra um pequeno trecho de código, muitas vezes com um demo linkado.
css-protips é gratuito? Qual é a licença?
css-protips é open source sob a licença CC0-1.0. Confira os termos da licença antes de usá-lo em produtos comerciais.
css-protips ainda é mantido?
Manutenção ativa. O último commit de css-protips foi em 23 de set. de 2026.
Para que posso usar css-protips?
Revisar conhecimentos de CSS com técnicas modernas de layout e seletores Consultar rapidamente um padrão para centralização, resets ou estilos de foco em formulários Compartilhar boas práticas comuns de CSS com uma equipe Aprender CSS moderno e idiomático depois de dominar o básico
Onde consigo css-protips?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/AllThingsSmitty/css-protips

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados