Blog

Artículos sobre diseño

Ocho artículos sobre por qué los valores son los que son: qué permite HSL que HEX no, de dónde sale la relación de contraste 4.5:1, cuándo conviene rem antes que px, cómo sobrevive una relación de aspecto a un cambio de tamaño. Para quien viene copiando números sin saber qué controlan.

Design

¿Qué contraste necesita tu texto para ser legible?

Cuatro números cubren todos los casos, y el que la mayoría de la gente entiende mal es qué cuenta como "texto grande".

Leer
Design

px, rem o em: qué unidad CSS usar y cuándo

Las tres se resuelven al mismo tipo de longitud. La diferencia está en quién controla el número por el que se multiplican.

Leer
Design

Cómo elegir una paleta de colores que funcione de verdad

Una rueda de color te da cinco códigos hex en diez segundos. El otro 90% de una paleta son neutros, estados y contraste.

Leer
Design

HEX, RGB y HSL: qué formato de color usar

Describen los mismos colores. La diferencia es que uno lo puedes editar a mano y los otros dos no.

Leer
Design

Por qué tu degradado CSS se vuelve gris en el medio

El degradado de azul a amarillo pasa por un gris muerto por aritmética, no porque tu navegador esté roto. Aquí está la aritmética, y los dos arreglos.

Leer
Design

Cómo funciona box-shadow y por qué la tuya parece falsa

Cuatro longitudes y un color, y casi todo el mundo interpreta mal la tercera. Qué hacen de verdad el blur, el spread y inset.

Leer
Design

Cómo funciona border-radius en CSS, esquina por esquina

Cada esquina es un cuarto de elipse con dos radios. En cuanto entiendes eso, la forma abreviada y su extraña regla de reducción dejan de ser un misterio.

Leer
Design

¿Qué es la relación de aspecto? 16:9, 4:3 y el resto

Una proporción es una sola división: el ancho sobre el alto. Cómo leer la notación, sacar la dimensión que falta y por qué el resultado cae en una fracción de píxel.

Leer

Todas las categorías

Imágenes 6Texto 10Seguridad 5Calculadoras 9Desarrollo 12Cotidiano 3Tiempo 4