Skip to content

Instantly share code, notes, and snippets.

@cklosowski
Created July 14, 2017 03:42
Show Gist options
  • Save cklosowski/fddec6679ae2c418d1acd34b6d1c8ac7 to your computer and use it in GitHub Desktop.
Save cklosowski/fddec6679ae2c418d1acd34b6d1c8ac7 to your computer and use it in GitHub Desktop.
Arizona WordPress Meetup (Tempe) - July 13, 2017

Arizona WordPress (Tempe) - July 13, 2017

Cool tools

Rocketbook Everlast - https://www.kickstarter.com/projects/642311833/everlast

Need Help

[email protected] - To help with animal rescues (Tech & Creative Help)

Presentations

SVG Line Animation - Matt Wilson (mattwilsonmd.com)

  • Bitmap vs Vector
    • Vector is points connected by lines drawn by math, bitmap is 'hardcoded' pixel color values
  • Done through CSS properties
  • Open image in illustrator
    • Convert fonts and shapes to paths before saving
    • Save as SVG
      • Show SVG Code button (don't have to actually save)
      • Markup like HTML (copy everything between, inclusive of the tags)
        • Illustrator always uses the same CSS Class, update it to something useful
    • Library for animation of the paths
      • skrollr.js (github.com/prinzhorn/skrollr)
    • WordPress plugins
      • Header and Footer Script
    • Add SVG tags into your WordPress page (HTML view, not Visual)
    • SVG Path length calculator: https://codepen.io/gabriellewee/pen/EZPYmw

Plugin Review: Online Donations - April Holle (madebetterstudio.com)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment