svg

SVGnest

Optimize SVG's

http://petercollingridge.appspot.com/svg-editor

Tips van Peter

Algemeen: http://www.webdesignerdepot.com/2015/01/the-ultimate-guide-to-svg/ http://tympanus.net/codrops/2013/11/27/svg-icons-ftw/

Animation https://css-tricks.com/svg-shape-morphing-works/ https://css-tricks.com/guide-svg-animations-smil/ http://tutorials.jenkov.com/svg/svg-animation.html

http://slides.com/sarasoueidan/styling-animating-svgs-with-css--2

Buttons http://metafizzy.co/blog/making-svg-buttons/ http://tavmjong.free.fr/blog/?p=36

Responsive icons http://designmodo.com/responsive-icons/

Exporting a SVG file from Illustrator fontastic.me/faq http://www.adobe.com/inspire/2013/09/exporting-svg-illustrator.html Export multiple script: http://blog.iconfinder.com/how-to-export-multiple-layers-to-svg-files-in-adobe-illustrator/

SVG's als CSS background-image: http://caniuse.com/#feat=svg-css http://www.smashingmagazine.com/2012/01/resolution-independence-with-svg/ (edited)

Elastic SVG elements* http://tympanus.net/Development/ElasticSVGElements/button.html

Clipart

Online SVG editors

SVG coordinate system interactive

Links

interactive svg with gestures on iPad

animated lines

Creating WordArt font for Doodle3D

  • Type the following string in InkScape, with a height of about 37.346 pixels: !"#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_`abcdefghijklmnopqrstuvwxyz{|}~
  • Object > Object to path
  • Ungroup
  • Select all
  • Edit path by nodes
  • Select all
  • Add segments 3 / 4 times
  • Save and open in Illustrator
  • Simplity with straigt lines
  • Save and open in Inkscape
  • Save to svg, with points in 2 decimals
  • Open svg in text editor with regular expression support
  • remove path's: id, inkscape, sodipodi:nodetypes
  • Save