El término "framework" se traduce como "marco o entorno de trabajo".

En el ámbito de la codificación se refiere a un conjunto de reglas y estructuras predefinidas que ayudan a prototipar y codificar más rápido.

Comparte muchas similitudes con un sistema de diseño, pero está más orientado al proceso de codificación.

Permite al frontend developer reaprobechar piezas de código y son sistemas que acostumbran a tener un enfoque muy basado en la práctica.

A favor

• Delimita el marco de juego y ayuda a concretar.
• Acelera el desarrollo y prototipado de prodcutos.
• Lenguaje común unificado y reutilizable.
• Modulación filosofía DRY (Don't Repeat Yourself).
• Fácil de mantener y escalar.

En contra

• Es limitante.
• Iguala funcionalmente los productos digitales.
• Todos los diseños se parecen.
• El mal hábito del template y el theme predefinido apartan al diseñador del proceso.
• Genera productos con más peso en kb.

Preprocesadores de código

Software que procesa el código para que el resultante sea una hoja de estilos unificada.
En el caso de los CSS, se acostumbra a trabajar con LESS o SCSS

• Permite la herencia de estilos.
• Ayuda a modularizar mejor las hojas de estilos.
• Permite el uso de variables.
• Permite realizar operaciones numéricas.
• Permite el uso de funciones y bucles.
• Detectar los errores de código.