CSS Minifier hace una cosa y lo hace bien: le permite usar la herramienta de desarrollador: CSS Minifier sin las molestias habituales. Aquí le mostramos cómo aprovecharlo al máximo.
Utilice el minificador CSS directamente en su navegador.
Esta guía explica todo: para qué sirve, cómo usarla paso a paso, algunos consejos que desearía que alguien me hubiera contado antes y las preguntas que más hace la gente.
¿La parte que más me gusta? Todo se ejecuta directamente en su navegador. No se carga nada en un servidor, por lo que tus archivos permanecen en tu propio dispositivo todo el tiempo.
La versión corta
Herramienta de desarrollo: minificador de CSS. Está dirigido a tareas cotidianas, no a procesos profesionales de vanguardia.
Debido a que hace un trabajo, es rápido. Lo abres, lo haces y listo, normalmente en menos de un minuto.
Aquí está el tutorial completo
Terminarás con esto en un par de minutos. Así es como funciona:
- Ingrese la entrada. Puede abrirlo aquí: Css Minifier.
- Ver resultado.
- Copiar resultado. Échale un vistazo rápido antes de cerrar la pestaña.
Consejos para obtener mejores resultados
Estas no son reglas, solo cosas que me han ahorrado tiempo:
- Para cualquier cosa sensible como tokens, recuerde que estos se ejecutan localmente, pero aún así evite pegar secretos de producción reales.
- Conserve una copia del original antes de comenzar; le llevará un segundo y le ahorrará si desea rehacerlo.
- Valide antes de formatear: detectar un error de sintaxis primero evita confusiones más adelante.
- Mantenga una copia de seguridad sin procesar de todo lo que minimice; La salida minimizada es difícil de editar a mano.
- Pruebe primero la configuración predeterminada. Están ajustados para el caso más común y siempre puedes modificarlos desde allí.
Solucionar problemas de las partes molestas
Aquí nada es gran cosa, pero estas cosas hacen tropezar a la gente más de lo que crees:
- Refrescante a mitad del proceso. Dado que el trabajo se realiza en su navegador, una recarga lo inicia de nuevo.
- Esperando la perfección en la primera pasada. Si no está bien, ajuste una opción y ejecútela nuevamente; eso es normal.
- Cerrar la pestaña demasiado pronto. Deje que termine antes de salir, especialmente en conexiones más lentas.
- Cargar la versión incorrecta de un archivo. Cierra las pestañas antiguas y comprueba primero el nombre del archivo.
Donde resulta útil
Cualquiera que esté aprendiendo a codificar y quiera ver cómo la entrada se asigna a la salida al instante.