Grunticon es una tarea Grunt.js que se puede ejecutar en una carpeta que contiene imágenes SVG. Usted puede utilizar las imágenes PNG también, pero los resultados no serán muy "vectorish."
Grunticon funciona tomando todos estos iconos SVG y genera código CSS que usted puede utilizar para integrarlos adecuadamente en las páginas web, con soporte integrado para los diseños sensibles y dispositivos Retina.
El código CSS generado por esta aplicación cubre todos los aspectos básicos, que viene en tres versiones diferentes:
- URL de datos SVG
- URL de datos PNG
- Imágenes PNG clásicos
El tercer método se incluyó como un mensaje para los navegadores que no soportan los datos SVG, lo que hace los iconos SVG como imágenes PNG regulares. Si los IVS no están disponibles en una forma PNG, entonces Grunticon los convertirá de forma automática y colocarlos en una carpeta especial.
Al editar un par de líneas en el archivo de tarea Grunt.js, los desarrolladores también pueden ajustar las características de los iconos emitidos, que van desde el prefijo CSS para la ubicación de un archivo de vista previa HTML.
Junto con la CSS, un archivo JS pequeño también puede ser generada, que se puede utilizar para cargar de forma asincrónica los archivos SVG, asegurándose de que no bloqueen la renderización de páginas si varios elementos se utilizan en la misma página.
Iconos generados a través Grunticon también tienen la capacidad de ser de estilo a través de CSS, dictada en diferentes variaciones de color, e incluso animó.
. Las instrucciones de instalación se proporcionan con el archivo README del paquete
Requisitos
- Grunt.js 0.4.2 o superior
Comentarios que no se encuentran