Loading…
This event has ended. View the official site or create your own event → Check it out
This event has ended. Create your own
View analytic
Monday, October 26 • 11:00am - 12:00pm
Creative Typography with SVG #SVGType

Sign up or log in to save this to your schedule and see who's attending!

Did you know you can render text with SVG? You can! And better yet, you can combine it with other creative SVG techniques to produce specialized typography treatments, like animated text or text filled with gradients. Even text filled with gifs! The best part? It’s all responsive.

In this talk, you’ll learn:

  • The ins and outs of the SVG <text> elements and attributes
  • The importance of the `viewBox` attribute and the <defs> element
  • Fully responsive custom text layouts
  • Bending text along a curved path
  • Filling text with gradients and images
  • Animating text fills and strokes
  • Advanced animation techniques for morphing letters

Speakers
avatar for Brenna O'Brien

Brenna O'Brien

Front-end Engineer, TED
Brenna is a front-end engineer at TED, NodeSchool Toronto organizer, and creator of csshexagon.com. She loves building communities, mixing code with math and geometry, and outer space.


Monday October 26, 2015 11:00am - 12:00pm
Britannia Salon "M" Deck/Main

Attendees (29)