Grunticon é uma tarefa Grunt.js que pode ser executado em uma pasta contendo imagens SVG. Você pode usar imagens PNG, bem como, mas os resultados não serão muito "vectorish."
Grunticon trabalha levando todos esses ícones SVG e gera o código CSS que você pode usar para incorporá-los corretamente em páginas da Web, com suporte embutido para layouts responsivos e dispositivos retina.
O código CSS gerado por este app abrange todos os fundamentos, que vem em três versões diferentes:
- URLs de dados SVG
- URLs de dados PNG
- Imagens PNG clássicos
O terceiro método foi incluído como alternativa para browsers que não suportam dados SVG, tornando os ícones SVG como imagens PNG regulares. Se os SVGs não estão disponíveis em uma forma PNG, então Grunticon irá convertê-los automaticamente para você e coloque-os em uma pasta especial.
Ao editar algumas linhas no arquivo de tarefa Grunt.js, os desenvolvedores também pode ajustar as características dos ícones outputted, que vão desde o prefixo CSS para a localização de um arquivo HTML pré-visualização.
Junto com o CSS, um pequeno arquivo JS também pode ser gerada, que pode ser usado para carregar de forma assíncrona os arquivos SVG, certificando-se que eles não bloqueiam a renderização da página se vários itens são usados na mesma página.
Ícones gerados via Grunticon também têm a capacidade de ser denominado via CSS, rendido em diferentes variações de cor, e até mesmo animado.
. As instruções de instalação são fornecidas com o arquivo README do pacote
Requisitos :
- Grunt.js 0.4.2 ou superior
Comentários não encontrado