Category: Web Development

Inverted mask from AI path

TheSmithy
  1. Create a background layer in the desired color
  2. Select the paths that should form the mask and create a compound path
  3. Expand the transparency window
  4. Open the options menu and make sure ‘new opacity masks are inverted’ is selected
  5. In the same menu choose ‘make opacity mask’

Exporting SVG from Ilustrator

TheSmithy

Update:

Export artboard to SVG ‘for web’.

  • Save as, use artboard
  • Choose ‘try’ to export for web
  • Choose options
  • Careful when choosing ‘responsive’: it somehow adds vector parts that are outside the artboard area to the svg.

 

Source

SVG profiles

SVG 1.0: all modern desktop and mobile browsers support SVG 1.1, so never choose this option.
SVG 1.1: You will almost always want this.
SVG Tiny/Basic: this is a subset of SVG intended for mobile devices. Only a handful of devices support SVG Tiny and not the full spec, so go for SVG 1.1.

Read More

PORTABLE OPEN STREET MAP (POSM)

TheSmithy

source: http://news.spatialdev.com/portable-open-street-map/

The team is just getting started and you can follow along with the action here: https://github.com/AmericanRedCross/posm

 

Digital Democracy is working on something similar

http://www.digital-democracy.org/blog/open-maps-for-everyone/

 

just_testing explains the importance of it:

There are offline OpenStreetMap clients, but there aren’t ways to update said map offilne, or to create “mini-OSM” that later can sync with the main one.