Video · 45 min
Rust para devs que vienen de JS: ownership sin dolor
rojas.codes, CL
Intermedio Español
Gratis
Inicio/Componentes
Componentes
Las piezas del mockup en un solo lugar. Cambiá de tema con el botón del header para ver las dos paletas.
Color
Fondo
--bgSuperficie
--surfaceSuperficie 2
--surface-2Línea
--lineTexto
--inkTexto secundario
--mutedAcento cian
--accentAcento magenta
--accent-2Amarillo señal
--accent-3OK / nivel 1
--goodAviso
--warnError
--badTipografía
Kanit para títulos y texto. JetBrains Mono sólo para código.
Títulos en Kanit 600
Subtítulo de sección
Texto de cuerpo en Kanit: 400 en claro y 300 en oscuro, porque el texto claro sobre fondo oscuro se ve más grueso. Acentos y eñes: programación, año, código.
Etiqueta de grupo
const universo = await fetch('/api/recursos?nivel=1');
Formas
Paneles con vértices oblicuos.
.cut-tl-br
.cut-tr
.cut-br
.cut-tl
.cut-tr-bl
Técnica: el borde es el fondo del elemento con clip-path, y el relleno es un ::before recortado con la misma forma. El brillo va en el padre con filter: drop-shadow() porque clip-path recorta las sombras.
Botones, badges y chips
InicialIntermedioAvanzado MajorRCSeguridad
#webGratisPago