Giter VIP home page Giter VIP logo

maki's Introduction

Maki

Build Status

Maki is a point of interest icon set made especially for use with Mapbox maps. For more information on how to use Maki with Mapbox, see documentation at http://mapbox.com/tilemill/docs/guides/using-maki-icons/.

src

Maki's source SVG files are in the src subdirectory. To create pixel-perfect icons at different sizes, each icon is designed 3 times for 12, 18, and 24 pixels wide/tall.

Maki is designed using Inkscape. For information on contributing to Maki see CONTRIBUTING.md.

renders

PNG renders of all of the SVGs are in the renders directory. High-resolution (aka Retina) versions of each icon are present as well, named using the common @2x convention.

ArcGIS

Style files for ArcGIS 10.1+ are in the ArcGIS subdirectory and are maintained by @williamscraigm. Both Desktop (.style) and Server (.ServerStyle) versions are provided. Standard and high-resolution versions of the PNG renders are included in the style. Additionally, the original SVGs have been converted to EMFs and import as vector EMF based markers. These EMF markers were then further converted to Representation markers. The utility used to create these styles can be found at: https://github.com/williamscraigm/makiArcGISStyle

render.sh

You can use the SVGs and PNGs in this repository as they are without building anything, however a render script is included to assist designers/developers who want to modify or create Maki icons. It will render SVGs to PNGs at 100% and 200% resolution, create sprites used for the Maki website, and generate corresponding CSS styles for the sprites.

The script requires Bash, Inkscape, and ImageMagick to function correctly. Each icon must have an appropriate entry in www/maki.json to be rendered correctly.

Versioning

Maki uses a semantic versioning scheme.

  • 0.0.z: bugfixes, modifications
  • 0.y.0: icons added
  • x.0.0: icons removed, sprite scheme changed, or major features added

maki's People

Contributors

aaronlidman avatar ajashton avatar ansis avatar dkniffin avatar edenh avatar heyitsgarrett avatar ianshward avatar incanus avatar jfirebaugh avatar meghanhade avatar miccolis avatar ryantroyford avatar saleiva avatar samanpwbb avatar tatsvc avatar tmcw avatar williamscraigm avatar willwhite avatar wrynearson avatar xorgy avatar yhahn avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.