🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Flatify is a lightweight jQuery plugin which allows to generate flat long shadow icons from any glyph and iconic fonts like Font Awesome, Material Design Icons, etc.

Shadow flat long-shadow

Documentation

Flatify v0.2

Small jQuery library to "flatify" Android-like icons for the web that works wonders with glyph and icons fonts like FontAwesome.

Usage

  1. Give your soon to be Material-Design icons a css id.
  2. At your "$(document).ready(function())" apply your style
  3. Enjoy pure HTML + jQuery + CSS3 Material-Design icons

Methods

$('#targetID').flatify(settings);

Full control providing JSON: function flatifySettings(target, settings) where targetID: id of the element, settings: JSON containing the arguments.

#Parameters 'r' : [ 0 - 255 ] for red color component for the icon, 'g' : [ 0 - 255 ] for red color component for the icon, 'b' : [ 0 - 255 ] for red color component for the icon,

 'f' : [ 20 - ∞ ] font size for the icon,  'w' : [ 30 - ∞ ] width for the icon,  'c' : [ 0 - 50 ] percentage of rounded for icon border,   's' : [ 0 - 100 ] number of shadows for the icon text,  'a' : [ 0 - 1 ] opacity for the icon text shadow, 

If any of the parameters are missing flatify will provide a default value.

#TODO list

  1. Improve of icon sizes in Easy mode -- DONE
  2. Greatly improve the handling of missing parameters -- DONE
  3. Supply an example of use -- DONE
  4. Get starred at least once -- DONE twice, thx guys
  5. Give proper credit where credit is due (I will, I promise)
  6. Provide a more verbose way to define parameters

You May Also Like