Code Monkey home page Code Monkey 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.

It can also render PNGs scaled appropriately for the various Android screen resolutions, and output them directly into the corresponding drawable-*dpi subdirectories of the Android resources folder.

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

samanpwbb avatar tatsvc avatar ajashton avatar jfirebaugh avatar williamscraigm avatar tmcw avatar wrynearson avatar tristen avatar katydecorah avatar ianshward avatar willwhite avatar ryantroyford avatar christoph-buente avatar amyleew avatar zachbeattie avatar yhahn avatar lyzidiamond avatar incanus avatar ansis avatar xorgy avatar dkniffin avatar heyitsgarrett avatar friedbunny avatar edenh avatar aaronlidman avatar miccolis avatar meghanhade avatar 1ec5 avatar pdgoodman avatar scothis avatar

Watchers

dieface 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.