I make things.

See things

I make things.

See things

This is Me

I make websites and drawings

Sarah DrasnerSarah DrasnerSenior UX Engineer

Sarah is an award-winning Senior UX Engineer at Trulia and staff writer at CSS-Tricks. She’s given a Frontend Masters workshop on Advanced SVG Animations, and is working for a book for O’Reilly on SVG Animations. She has worked for 15 years as a web developer and designer, and at points worked as a Scientific Illustrator and a Undergraduate Professor, and has tutored a Byzantine Icon painter in Santorini. Sarah has also taught a literacy program for the Cartoon Art Museum in San Francisco.


Rumination Station

A Look Back on 2015

A Look Back on 2015

My New Years resolution last year was to publish an article in CSS-Tricks. I’m now proud to say I’m a staff writer for t...

Read More »
Small Things I've Found While Working With SVG

Small Things I've Found While Working With SVG

Here are a few little things I've found from working with SVG for a little while. No showstoppers here, just hoping my t...

Read More »
Thought Morphology

Thought Morphology

My artist's statement is a process of critiquing my process. Here I delve into why.

Read More »
Using Font-Icons in Place of SVG for CSS3 Animations

Using Font-Icons in Place of SVG for CSS3 Animations

Get greater support for SVGs and pull them out of the iframe with this simple workaround.

Read More »
Balancing Time

Balancing Time

I work on many personal projects concurrently and it can become a delicate balancing act. Here are some ways that I mana...

Read More »

Speaking Engagements

I’m a Frontend Master! View my course on Advanced SVG Animations


Valio Con, San Diego, CA, May 19-22, 2016.
Smashing Conf New York, New York, NY, June 14-15, 2015.
Generate Conf (NetMag), San Francisco, CA, July 15, 2016.
React Rally, Salt Lake City, UT, August 25-26, 2016.
Smashing Conf Freiburg, Freiburg, Germany, Sept 12-13, 2016.
CSS Dev Conf, San Antonio, TX, Oct 17-18, 2016.


Generate Conf (NetMag), New York, NY, April 22, 2016.
CodePen Meetup, San Francisco, CA, April 6, 2016.
O’Reilly Fluent Keynote and Session, San Francisco, CA, March 8-10, 2016.

see Keynote

JavaScript Summit, Online, February 23-24, 2016.

ForwardJS Summit, San Francisco, CA, February 10, 2016.

SVG Summit, Online, January 21, 2016.

CSS Dev Conf in Long Beach, CA, October 26-27, 2016.

see Designing Complex SVG Animation talk

Frontend Masters “Advanced SVG Animations” Workshop. October 23, 2015.

see Advanced SVG Animation talk

CSS Summit online conference. July 7-9, 2015.

see SVG Sprites for Animation talk

CSS Conf in New York, NY. June 18-19, 2015.

see Complex Responsive Animations talk

Codepen Meetup in Palo Alto, CA. April 1, 2015.

see GSAP + SVG talk

Html5DevConf in San Francisco, CA. October, 2014.

see css, svg, and performant js animation talk

Html5DevConf in San Francisco, CA. October, 2013.

see css animation talk

DevCon5 in New York, NY. July, 2013.

Podcasts, Screencasts, and Interviews

React Powered Comment Form Pairing with Chris Coyier on CSS-Tricks, March 18, 2016.
Episcura, March 9, 2016.
Non-Breaking Space, January 18, 2016.
SVG Immersion Podcast Round Table: Sarah Drasner, Petr Tichy, Dudley Storey, November 27, 2015.
Shop Talk Show, August 4, 2015.
SVG Immersion Podcast, April 16, 2015.

-a child to Dr. Seuss

“Your imagination has a very long tail”

-a child to Dr. Seuss

Latest Tweets