Arquitectura CSS

Arquitectura CSS

Escribir CSS es f谩cil,
escalarlo y mantenerlo no tanto

Manteniendo CSS

Para mantener organizado nuestro c贸digo necesitamos un plan

La Arquitectura CSS

驴Qu茅 es la Arquitectura?

Seg煤n Wikipedia

Arte y t茅cnica de dise帽ar, proyectar y construir edificios y espacios p煤blicos.

Aplicando el concepto a CSS

T茅cnicas que nos ayudan a organizar y mantener nuestro c贸digo ordenado, 贸ptimo y escalable.

Una buena Arquitectura CSS debe ser:

  1. Predecible
  2. Reutilizable
  3. Estable
  4. Escalable

Debemos dise帽ar SISTEMAS, no P脕GINAS

Dise帽amos SISTEMAS, no P脕GINAS

COMPONENTES

鈥淚t's a repeating visual pattern, that can be abstracted into an independent snippet of HTML, CSS and possibly JavaScript.鈥
Nicole Sullivan

Divide y vencer谩s

D.R.Y. - Don't Repeat Yourself

Herramientas CSS para crear sistemas

  1. Metodolog铆as
  2. Frameworks
  3. Procesadores
  4. Gu铆as de Estilos

M谩s informaci贸n

Procesadores CSS

驴Qu茅 herramientas uso?

Confundido

Arquitectura Minimalista

/* ********** Custom Properties ********** */
/* ********** Reset ********** */
/* ********** Components ********** */
/* ********** Utilities ********** */
/* ********** Site Styles ********** */

Muchas gracias

kEnAi