Deslocamento de Layout (Layout Shift) e Cumulative Layout Shift (CLS): guia completo

Não sabe o que é Deslocamento de Layout (Layout Shift) e desconhece a métrica Cumulative Layout Shift (CLS)? Você pode estar com sérios problemas…

Barra de progresso circular com CSS

Das diferentes manerias de fazer barras de progresso circular, essa daqui, usando CSS puro, com certeza vai surpreender!

Como fazer menu dropdown com CSS puro

Das diversas técnicas CSS possíveis para menus dropdown, veja como fazer um menu dropdown muito fácil usando CSS puro!

Textos responsivos com CSS clamp()

Textos responsivos com CSS é algo importante. Conheça a nova função clamp() e como deixar o texto responsivo com CSS.

EditorConfig: padronização automática de estilo de código

Com EditorConfig é possível padronizar estilos de código para alcançar consistência e qualidade. Saiba tudo sobre o EditorConfig!

Os benefícios de performance de animações CSS

Fazer animações Web usando JavaScript ou CSS? Veja conceitos, testes e gráficos que mostram os benefícios de performance de animações CSS.

Melhor forma para listas com caption?

Há algumas formas de fazer uma lista HTML com caption/label. A que vamos mostrar não é a mais comum, mas ganha pontos pela semântica e acessibilidade.

Bordas personalizadas responsivas com CSS background-repeat

Relembre background-repeat e saiba como atingir o inimaginável com essa propriedade: bordas personalizadas responsivas!

Como fazer menu off canvas da maneira mais fácil

Sabe como fazer um menu off-canvas? E um menu off canvas da maneira mais simples e eficiente possível? São coisas bem diferentes, hã? ;)

O básico sobre Media Queries

Conheça o básico sobre Media Queries para usá-las com mais consciência (e saber a diferença entre media query e breakpoint).

Animação de loading com CSS puro

Veja como fazer uma animação de loading com CSS puro em pouquíssimas linhas de código, economizando centenas de KB em seu projeto web!