Blog

Textos sobre design

Oito textos sobre por que os valores são o que são: o que o HSL permite e o HEX não, de onde vem a razão de contraste 4.5:1, quando rem vence px, como uma proporção sobrevive a um redimensionamento. Para quem vem copiando números sem saber o que eles controlam.

Design

Qual contraste seu texto precisa para ser legível?

Quatro números cobrem todos os casos, e o que a maioria das pessoas erra é o que conta como "texto grande".

Ler
Design

px, rem ou em: qual unidade CSS usar e quando

As três resultam no mesmo tipo de comprimento. A diferença está em quem controla o número que multiplica cada uma.

Ler
Design

Como escolher uma paleta de cores que funcione mesmo

Uma roda de cores te dá cinco códigos hex em dez segundos. Os outros 90% de uma paleta são neutros, estados e contraste.

Ler
Design

HEX, RGB e HSL: qual formato de cor usar

Descrevem as mesmas cores. A diferença é que um deles você consegue editar na mão e os outros dois não.

Ler
Design

Por que seu gradiente CSS fica cinza no meio

De azul para amarelo o gradiente passa por um cinza morto por aritmética, não porque seu navegador está quebrado. Aqui está a aritmética, e as duas correções.

Ler
Design

Como funciona o box-shadow e por que o seu parece falso

Quatro medidas e uma cor, e quase todo mundo entende a terceira errado. O que blur, spread e inset fazem de verdade.

Ler
Design

Como funciona o border-radius no CSS, canto por canto

Cada canto é um quarto de elipse com dois raios. Depois que você entende isso, a forma abreviada e sua estranha regra de redução deixam de ser um mistério.

Ler
Design

O que é proporção de aspecto? 16:9, 4:3 e o resto

Uma proporção é uma única divisão: a largura sobre a altura. Como ler a notação, achar a dimensão que falta e por que a conta cai numa fração de pixel.

Ler

Todas as categorias

Imagens 6Texto 10Segurança 5Calculadoras 9Desenvolvimento 12Dia a dia 3Tempo 4