grunticon - A mystical CSS icon solution.

  •        75

grunticon is a Grunt.js task that makes it easy to manage icons and background images for all devices, preferring HD (retina) SVG icons but also provides fallback support for standard definition browsers, and old browsers alike. From a CSS perspective, it's easy to use, as it generates a class referencing each icon, and doesn't use CSS sprites. grunticon takes a folder of SVG/PNG files (typically, icons that you've drawn in an application like Adobe Illustrator), and outputs them to CSS in 3 formats: svg data urls, png data urls, and a third fallback CSS file with references to regular png images, which are also automatically generated and placed in a folder.

https://github.com/filamentgroup/grunticon

Dependencies:

grunticon-lib : ^1.2.3

Tags
Implementation
License
Platform

   




Related Projects

grunt-git - Git commands for grunt.

  •    Javascript

Git commands for grunt.The gitcommit command used to call git add for you. This is no longer the case. Be sure to add a gitadd task whenever there might be new files to commit. The ignoreEmpty option is no longer supported.

grunt-usemin - [UNMAINTAINED] Replaces references to non-optimized scripts or stylesheets into a set of HTML files (or any templates/views)

  •    Javascript

Replaces references from non-optimized scripts, stylesheets and other assets to their optimized version within a set of HTML files (or any templates/views).3.1.0 has a breaking change with uglify step renamed to uglify to be consistent with grunt-contrib-uglify task which name is uglify (and not uglifyjs).

grunt-babel - Grunt plugin for Babel

  •    Javascript

Issues with the output should be reported on the Babel issue tracker.See the Babel options, except for filename which is handled for you.


grunt-conventional-changelog - Grunt task for generating a changelog from git metadata

  •    Javascript

Issues with the output should be reported on the conventional-changelog issue tracker.See the conventional-changelog docs.

grunt-angular-templates - Grunt build task to concatenate & pre-load your AngularJS templates

  •    Javascript

Speed up your AngularJS app by automatically minifying, combining, and automatically caching your HTML templates with $templateCache.Global namespace for Angular.

grunt-express-server - Grunt task for running an Express Server that works great with LiveReload + Watch/Regarde

  •    Javascript

You can override the default options either in the root of the express config or within each individual server task.By default, unless delay or output has been customized, the server is considered "running" once any output is logged to the console, upon which control is passed back to grunt.

grunt-nw-builder - Let you build your node-webkit apps for mac, win and linux with grunt

  •    Javascript

Let's you build your NW.js apps for osx, win, and linux with grunt. It will download the prebuilt binaries for a specify version, unpacks it, creates a release folder, create the app.nw file for a specified directory and copys the app.nw file where it belongs.Issues with the output should be reported on the nw-builder issue tracker.

grunt-newer - Configure Grunt tasks to run with newer files only.

  •    Javascript

Configure Grunt tasks to run with newer files only. Synopsis: The newer task will configure another task to run with src files that are a) newer than the dest files or b) newer than the last successful run (if there are no dest files). See below for examples and more detail.

perfjankie - Checking browser rendering performance regression

  •    Javascript

PerfJankie is a tool to monitor smoothness and responsiveness of websites and Cordova/Hybrid apps over time. It runs performance tests using browser-perf and saves the results in a CouchDB server. It also has a dashboard that displays graphs of the performance metrics collected over time that you help identify performance trends, or locate a single commit that can slow down a site. After running the tests, navigate to the following url to see the results dashboard.

grunt-bower-task - Grunt plugin for Bower

  •    Javascript

Install Bower packages. Smartly. If you haven't used grunt before, be sure to check out the Getting Started guide.

grunt-prompt - Add interactive UI to your Gruntfile such as lists, checkboxes, text input with filtering, and password fields, all on the command line

  •    Javascript

Interactive prompt for your Grunt config using console checkboxes, text input with filtering, password fields. This plugin recommends Grunt 0.4.1 or newer.

grunt-uncss - :scissors: A grunt task for removing unused CSS from your projects.

  •    HTML

A grunt task for removing unused CSS from your projects with UnCSS. Issues with the output should be reported on the UnCSS issue tracker.

grunt-s3 - A grunt task to automate moving files to/from Amazon S3.

  •    Javascript

I wrote this plugin a long time ago back in the pre grunt 0.4.0 days! I think it has only really lived on this long because of the nice, succinct name. NOTE: This is the README for grunt-s3 v0.2.0-alpha. For v0.1.0, go here.

grunt-html-snapshot - A grunt task that takes html snapshots from websites

  •    Javascript

A grunt task that fetches html snapshots of your web app for easier SEO

grunt-contrib-clean - Clear files and folders.

  •    Javascript

This plugin was designed to work with Grunt 0.4.x. If you're still using grunt v0.3.x it's strongly recommended that you upgrade, but in case you can't please use v0.3.2. Run this task with the grunt clean command.

grunt-contrib-coffee - Compile CoffeeScript files to JavaScript.

  •    Javascript

This plugin was designed to work with Grunt >= 0.4.x. If you're still using grunt v0.3.x it's strongly recommended that you upgrade, but in case you can't please use v0.3.2. Run this task with the grunt coffee command.

grunt-contrib-compass - Compile Compass to CSS.

  •    Javascript

Run this task with the grunt compass command. Compass is an open-source authoring framework for the Sass css preprocessor. It helps you build stylesheets faster with a huge library of Sass mixins and functions, advanced tools for spriting, and workflow improvements including file based Sass configuration and a simple pattern for building and using Compass extensions.

grunt-contrib-compress - Compress files and folders.

  •    Javascript

This plugin was designed to work with Grunt >= 0.4.x. If you're still using grunt v0.3.x it's strongly recommended that you upgrade, but in case you can't please use v0.3.2. Run this task with the grunt compress command.