flag-sprites - Country flags in LESS sprite

  •        417

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. Flag icons come from FamFamFam, and callable following the ISO 3166-1 alpha-2 country codes.

https://flag-sprites.com
https://github.com/LeoColomb/flag-sprites

Tags
Implementation
License
Platform

   




Related Projects

flag-icon-css - :flags: A collection of all country flags in SVG — plus the CSS for easier integration

  •    HTML

A collection of all country flags in SVG — plus the CSS for easier integration. See the demo. Which means that the flag is just going to appear in the middle of an element, so you will have to set manually the correct size of 4 by 3 ratio or if it's squared add also the flag-icon-squared class.

CountryPicker

  •    Objective-C

CountryPicker is a custom UIPickerView subclass that provides an iOS control allowing a user to select a country from a list. It can optionally display a flag next to each country name, and the library includes a set of 249 high-quality, public domain flag images from FAMFAMFAM (http://www.famfamfam.com/lab/icons/flags/) that have been painstakingly re-named by country code to work with the library.

gulp-svg-sprite - SVG sprites & stacks galore — Gulp plugin wrapping around svg-sprite that reads in a bunch of SVG files, optimizes them and creates SVG sprites and CSS resources in various flavours

  •    Javascript

This document covers only gulp specific installation and configuration aspects. For a full list of features and options, please see the svg-sprite manual. NOTICE: By default, svg-sprite doesn't send any files downstream unless you configure it. There are tons of options available — please see below for some basic examples. Also, you should possibly take care of errors that might occur.

svg-sprite - SVG sprites & stacks galore — A low-level Node

  •    Javascript

It comes with a set of Mustache templates for creating stylesheets in good ol' CSS or one of the major pre-processor formats (Sass, Less and Stylus). Tweaking the templates or even adding your own custom output format is really easy, just as switching on the generation of an HTML example document along with your sprite. For an up-to-date list of browsers supporting SVG in general respectively SVG fragment identifiers in particular (required for <defs> and <symbol> sprites as well as SVG stacks) please refer to caniuse.com.

grunticon - A mystical CSS icon solution.

  •    HTML

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.


FlagKit - Beautiful flag icons for usage in apps and on the web.

  •    Swift

Beautiful flag icons for usage in apps and on the web. All flags are provided as stand-alone PNG and SVG files. FlagKit also provides an Asset Catalog and framework for easy use on Apple platforms. FlagKit provides a framework for easy installation as a dependency. You can also manually copy the Asset Catalog into your project.

django-countries - A Django application that provides country choices for use with forms, flag icons static files, and a country field for models

  •    Python

A Django application that provides country choices for use with forms, flag icons static files, and a country field for models. For more accurate sorting of translated country names, install the optional pyuca package.

iconizr - A PHP command line tool for converting SVG images to a set of CSS icons (SVG & PNG, single icons and / or CSS sprites) with support for image optimization and Sass output

  •    CSS

To leverage iconizr to the greatest extent possible, some additional tools have to be installed on the system independently (see below). iconizr is written in (namespaced) PHP and meant to be used on the (Linux) command line (i.e. with the PHP CLI SAPI). To be honest, there was only one reason making me go for PHP: It is what I know best. Im sure there are quite some other fancy modern languages and techniques one could use for achieving the same, but I guess I'm just not smart enough for those. Having said this, I'd welcome anyone contributing a port of iconizr.

flags - GoSquared's flag icon set

  •    Makefile

Here you'll find all the files available in our flag icon set and the tools we use to generate the downloadable file. If you want to build your own version of this flag set, with any additions or modifications, just edit the files in src/flags. Each flag has its own folder, and inside each folder there is one PNG file for each size of the flag. Also in each folder is a file called code, which contains the ISO-3166-2 country code for the flag.

country-flags - SVG and PNG renders of all countries' flags.

  •    Javascript

This repository contains renders of all the worlds flags in SVG and PNG format. The source files were taken from Wikipedia and are not under copyright protection since flags are effectively in public domain (there may be other restrictions on how the flag can be used though).

CountryPicker - CountryPicker is a custom UIPickerView subclass that provides an iOS control allowing a user to select a country from a list

  •    Objective-C

CountryPicker is a custom UIPickerView subclass that provides an iOS control allowing a user to select a country from a list. It can optionally display a flag next to each country name, and the library includes a set of 249 public domain flag images from https://github.com/koppi/iso-country-flags-svg-collection that have been renamed to work with the library. Note that the list of countries is based on the ISO 3166 country code standard (http://en.wikipedia.org/wiki/ISO_3166-1). This list excludes certain smaller countries, regarding them as part of a larger state. For example, England, Scotland, Wales and Northern Ireland are lumped together as Great Britain. For most purposes this is fine as it matches the convention used for locales, but if you need to specify additional countries, you can subclass and modify the countires list as described under "Subclassing" below.

css-sprite - css sprite generator

  •    Javascript

A css sprite generator. Generates sprites and proper css files out of a directory of images.

Retina-Sprites-for-Compass - A mixin for creating retina sprites with hover & active states

  •    CSS

I created a drop in utility mixin to allow compass to automatically create sprites for normal and retina devices, and also providing hover and active states. I've provided a demo folder with working sample buttons.

AncientBeast - 🐺 Turn Based Strategy Game. Master your beasts!

  •    Javascript

The project is developed with the use of free open source cross platform applications and freeware services. Mega comes in very handy when working on the game assets collaboratively, while GitHub handles the code part and stores the final assets. Art contributions can be made as well in our deviantArt group. Drop by our Discord chat and be a part of the community! Blender is being used for creating most of the assets, such as combat locations, creatures and their own animations, which are rendered into sprites that are usually made into sprite-sheets using our Spritify add-on, as well as for many other tasks. Krita, Gimp and MyPaint are useful for concept art, while Inkscape is useful for creating the vector creature ability icons.

ThreeDWorld

  •    Silverlight

ThreeDWorld is a 3D game engine based on Microsoft's new Xna support in Silverlight 5. Engine features include an extendable content pipeline, bitmap and font sprites, 3D sprites, DeleD importer and Quake2 MD2 importer.

glue - Glue is a simple command line tool to generate CSS sprites

  •    Python

Glue is a simple command line tool to generate CSS sprites

sprity - A image sprite generator

  •    Javascript

A modular image sprite generator. Generates sprites and proper style files out of a directory of images.

PixelCamera2D - A Pixel Perfect Camera for 2D Games in Unity.

  •    CSharp

A Pixel Perfect Camera for 2D Games in Unity.Unity is a great engine, but it isn't perfect for 2D games that use pixel art. This can become evident when you try to rotate sprites or move sprites. Rotating sprites often results in perfectly diagonal edges that leave the pixel grid. Moving sprites can have a similar problem where pixels don't line up as expected. Check out the GIFs below in the Demo section to see examples with and without PixelCamera2D.

glue - Glue is a simple command line tool to generate CSS sprites

  •    Python

Using the gorgeous famfamfam icons (4.2Mb) you will get the following icons.png (401Kb). We are creating a list of companies using glue in production. If your company use glue, please send me an email or send me a message to @jorgebastida . I would really appreciate it.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.