SVG: So Very Good

*
Accepted Session
Short Form
Beginner
Scheduled: Wednesday, June 21, 2017 from 3:45 – 4:30pm in B204

Excerpt

Icon fonts! CSS-only illustrations! High-resolution GIF animations! Today's web designers still regularly and enthusiastically employ these techniques... yet they're all a better fit for SVG, a powerful vector image format that's already old enough to drive a car.

Description

Icon fonts! CSS-only illustrations! High-resolution GIF animations! Today’s web designers still regularly and enthusiastically employ these techniques… yet they’re all a better fit for SVG, a powerful vector image format that’s already old enough to drive a car.

Join me for an impassioned and entertaining introduction to your new favorite image format: What it is, how it works, and why it’s so awesome.

Together we’ll cover…

  • The trouble with high-resolution imagery
  • The inventive hacks we’ve used to this point
  • How some of our pre-SVG techniques hurt users
  • SVG’s surprisingly long history
  • How SVG works
  • The possibilities of SVG beyond iconography
  • What the future holds for SVG

Tags

svg, accessibility, icons, animation, vector, images

Speaking experience

I've spoken at CascadiaFest, WebVisions, TechWeek Chicago, WordCamp Portland, CyborgCamp Portland, Front End PDX and Refresh Portland. I've taught classes and workshops for FiftyThree, WebVisions and the Art Institute of Portland. I presented an early version of this talk at Front End PDX, followed by a reworked version at CascadiaFest in August. This version will take into account new SVG goodness introduced in the past six months.

Speaker

  • Speaking

    Biography

    Tyler Sticka is a partner and creative director at Cloud Four, where he helps vanquish complex responsive design challenges for clients like Walmart Labs while blogging about SVG and other web ephemera. He’s also a fan of side projects, co-founding Backabit (makers of iOS games Ramps, Lotsa Blocks and Spinner Galactic) and launching Colorpeek (and its accompanying Chrome extension) in his spare time.

    Sessions

      • Title: SVG: So Very Good
      • Track: Theory
      • Room: B204
      • Time: 3:454:30pm
      • Excerpt:

        Icon fonts! CSS-only illustrations! High-resolution GIF animations! Today’s web designers still regularly and enthusiastically employ these techniques… yet they’re all a better fit for SVG, a powerful vector image format that’s already old enough to drive a car.

      • Speakers: Tyler Sticka