kordianbruck / flag-sprites

Country flags in LESS sprite

Home Page:http://flag-sprites.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Flag Sprites

CSS Sprites - a method to optimize page loads by combining a large number of small images into one. The method of extremely relevant with the active use of country flags - with all the flags on one page, then load it, the browser will need to make only two server requests instead of 247.

Usage

Install bower

$ npm install -g bower

Get the package and persist it to bower.json

bower install flag-sprites --save

Include the stylesheet

<link href="components/flag-sprites/dist/css/flag-sprites.min.css" rel="stylesheet" type="text/css"/>

Use anywhere on your page

<i class="flag flag-ca"></a>

Attribution

Flag icons come from FamFamFam, and callable following the ISO 3166-1 alpha-2 country codes.

FamFamFam flag icons are "available for free use for any purpose with no requirement for attribution".

Based on the concept of flag-sprites, repackaged for bower and LESS usage to optimize integration.

About

Country flags in LESS sprite

http://flag-sprites.com

License:MIT License


Languages

Language:CSS 92.6%Language:JavaScript 6.7%Language:HTML 0.7%