I make websites and drawings
Sarah Drasner a Senior UX Engineer at Trulia and a staff writer for CSS-Tricks. Formerly she was Senior Interaction Designer at Fauna, Inc., a company founded by former Lead Engineers from Twitter. She is also the former Head of Design and Front-End Development at Basho, creators of Riak. At Basho, she increased lead generation by 75% through design improvements and managed all branding and visual communication. Prior to Basho, Sarah worked for the Field Museum of Natural History as a Scientific Illustrator and Front-End Developer and on the Field Museum’s peer-reviewed publication, Fieldiana. Sarah has also worked for Stanford University’s department of Neurology and UCSF Medical School as a Front-End Developer and Medical Illustrator. She was project lead and UX Developer for various author websites through the firm Waxcreative in Oakland. She has taught Painting, Photography and Digital Media at Hellenic International Studies in the Arts in Greece as an arts professor, and has tutored a Byzantine Icon painter in Santorini. Sarah also taught a literacy program for the Cartoon Art Museum in San Francisco.
SMIL is dead! Long live SMIL! A guide to alternatives to SMIL features
published December 14, 2015
A Guide to 2016 Front End Conferences
The Making of the CSS-Tricks Logo Easter Egg Animation
published November 6, 2015
The Importance of Context-Shifting in UX Patterns
published September 10, 2015
Debugging CSS Keyframe Animations
published August 3, 2015
Weighing SVG Animation Techniques (with Benchmarks)
published January 27, 2015
GSAP and SVG for Power Users Part 3: New 1.18.0 Features
published October 6, 2015
GSAP and SVG for Power Users Part 2: Complex Responsive Animation
published July 14, 2015
GSAP and SVG for Power Users Part 1: Motion Along a Path
published June 29, 2015
Practical Techniques on Designing Animation
published June 8, 2015
A Few Different Ways To Use SVG Sprites In Animation
published March 17, 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 »
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 »
My artist's statement is a process of critiquing my process. Here I delve into why.Read More »
Get greater support for SVGs and pull them out of the iframe with this simple workaround.Read More »
ForwardJS Summit, San Francisco, CA, February 10, 2016.
O’Reilly Fluent Keynote, San Francisco, CA, March 8-10, 2016.
Generate Conf (NetMag), New York, NY, April 22, 2016.
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.
Smashing Conf Freiburg, Freiburg, Germany, Sept 12-13, 2016.
SVG Summit, Online, January 21, 2016.
CSS Dev Conf in Long Beach, CA, October 26-27, 2016.
Frontend Masters “Advanced SVG Animations” Workshop. October 23, 2015.
CSS Summit online conference. July 7-9, 2015.
CSS Conf in New York, NY. June 18-19, 2015.
Codepen Meetup in Palo Alto, CA. April 1, 2015.
Html5DevConf in San Francisco, CA. October, 2014.
Html5DevConf in San Francisco, CA. October, 2013.
DevCon5 in New York, NY. July, 2013.
“Your imagination has a very long tail”
-a child to Dr. Seuss