CSS Dev Conf 2015 has ended
Back To Schedule
Monday, October 26 • 11:00am - 12:00pm
Creative Typography with SVG #SVGType

Sign up or log in to save this to your schedule, view media, leave feedback 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

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 PDT
Britannia Salon "M" Deck/Main

Attendees (0)