Grunticon задача Grunt.js, которые могут быть запущены на папке, содержащей SVG изображения. Вы можете использовать образы PNG, а также, но результаты будут не очень "vectorish."
Grunticon работает, принимая все эти значки SVG и CSS код генерирует, что вы можете использовать, чтобы правильно вставлять их на веб-страницах, с встроенной поддержкой для чувствительных макетов и Retina устройств.
Код CSS, порожденная этим приложением охватывает все основы, в ближайшие три различных версиях:
- URL-адреса данных SVG
- URL-адреса данных PNG
- Классические образы PNG
Третий метод был включен в качестве запасного варианта для браузеров, не поддерживающих данные SVG, SVG оказания иконы как обычных изображений PNG. Если SVGs не доступны в форме PNG, то Grunticon будет конвертировать их для вас автоматически и поместить их в специальную папку.
По редактирования нескольких строк в файле задания Grunt.js, разработчики могут также настраивать характеристики выводимых иконок, начиная от CSS префикс к месту Предварительный просмотр HTML-файл.
Вместе с CSS, небольшой файл JS могут также генерироваться, которые могут быть использованы для асинхронной загрузки файлов SVG, убедившись, что они не блокируют визуализации страницы, если несколько элементов используются на той же странице.
Иконы, созданные с помощью Grunticon также есть возможность быть в стиле помощью CSS, оказываемых в различных цветовых вариациях, и даже анимированные.
. Инструкция по установке предоставляются с файлом README программ пакета
Требования
- Grunt.js 0.4.2 или выше
Комментарии не найдены