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 Manager of UX Design & Engineering 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. Last year Sarah won CSS Dev Conf’s “Best of Best of Award” as well as “Best Code Wrangler” from CSS Design Awards. 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


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.


Valio Con, San Diego, CA, May 19-22, 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.

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.

Html5DevConf in San Francisco, CA. October, 2013.

DevCon5 in New York, NY. July, 2013.

Podcasts, Screencasts, and Interviews

Shoptalk Show episode on Animation with Val Head, May 20, 2016.
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.
CSS Design Awards, June 10, 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