Formatear CSS para revision y entrega
Cuándo aplica
CSS minificado o bundle de tercero: embellece para lectura humana; minifica solo para el artefacto prod deseado.
Herramienta a usar
Embellece o minifica código CSS.
Abrir Beautifier / minificar CSS →Pasos
- 1Pega el CSS del build o del proveedor.
- 2Comprueba que la indentacion muestre reglas y media queries.
- 3No minifiques durante la revision.
- 4Asocia a diffs Git para evitar deslizamiento de comportamiento.
Ejemplos
- CSS de widget tercero embellecido antes de sobrescribir estilos.
- Hoja legacy normalizada antes de extraer design tokens.
Qué evitar
- Minificar en revision y ocultar cambios estructurales.
- Pensar que beautify arregla sintaxis invalida.
- Tomar CSS de vendor embellecido como verdad sin fijar version.
Herramientas relacionadas
En el blog
Más en Herramientas desarrollador y datos
- Depurar cargas JSON de API rapidamente
- Convertir CSV a JSON para APIs e integraciones
- Normalizar configuraciones YAML y JSON
- Probar y corregir parametros de consulta en URL
- Decodificar e inspeccionar tokens JWT de forma segura
- Probar expresiones regulares con datos reales
Ver todas las guías por tarea o ver la lista completa en el hub de Herramientas desarrollador y datos.
FAQ
Beautify o lint?
Beautify para leer; lint para reglas una vez legible.
Especificidad?
Solo deberian cambiar espacios; vigila el diff.
Todas las guías por tarea · Herramientas de Herramientas desarrollador y datos · Blog