Guest Tutorial #2: Web Animations and Mo.js with Sarah Drasner

Channel:
United States The Coding Train
Subscribers:
1,740,000
Published on ● Video Link: https://www.youtube.com/watch?v=yRxWa8lXasI


The Guest
Game:
The Guest (2016)
Category:
Tutorial
Duration: 15:21
65,454 views
1,571

In this guest tutorial, Sarah Drasner demonstrates how to use the Mo.js library to create a smooth colorful "burst" animation in the browser.

Sarah is an award-winning Speaker, Consultant, and Staff Writer at CSS-Tricks. Sarah is also the co-founder of Web Animation Workshops, with Val Head. She’s given a Frontend Masters workshop on Advanced SVG Animations, and is working on a book for O’Reilly on SVG Animations. She’s formerly Manager of UX Design & Engineering at Trulia (Zillow). 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.

Source code:
http://codepen.io/sdras/pen/f6d689421659f152557717746feaabd4

Mo.js: http://mojs.io/

Sarah Drasner's website: http://sarahdrasnerdesign.com/
Twitter account: https://twitter.com/sarah_edo
Web Animation Workshops: https://webanimationworkshops.com/

For more Guest Tutorials and Interviews: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6bYBG4PsCJpsvMka3boE9pR
For more Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH

Help us caption & translate this video!

http://amara.org/v/72pR/

📄 Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct



Other Videos By The Coding Train


2017-01-16Coding Challenge 51.1: A* Pathfinding Algorithm - Part 1
2017-01-13Live Stream #72: A* Pathfinding Algorithm
2017-01-10Coding Challenge #50.2: Animated Circle Packing - Part 2 (Kitten Addendum)
2017-01-09Coding Challenge #50.1: Animated Circle Packing - Part 1
2017-01-06Coding Challenge #49: Photo Mosaic with White House Social Media Images
2017-01-06Coding Challenge #48: White House Social Media Data Visualization
2017-01-05Coding Train Live 71: Coding Challenges: Circle Packing and White House Data Visualization
2016-12-23ITP Winter Show 2016
2016-12-21Coding Challenge #47: Pixel Sorting in Processing
2016-12-20Guest Tutorial #3: Spring Animations and p5.js with Val Head
2016-12-19Guest Tutorial #2: Web Animations and Mo.js with Sarah Drasner
2016-12-16Coding Challenge #46.2: Asteroids with p5.js - Part 2
2016-12-15Coding Challenge #46.1: Asteroids with p5.js - Part 1
2016-12-14Live Stream #70: Coding Challenges: Asteroids and Pixel Sorting
2016-12-11Coding Challenge #45: Saving p5.js Drawings to Firebase
2016-12-109.3: Firebase: Retrieving Data - Programming with Text
2016-12-099.2: Firebase: Saving Data - Programming with Text
2016-12-089.1: What is Firebase? (Database as a Service) - Programming with Text
2016-12-08Live Stream #69.2: Session 9 - Programming from A to Z - Part 2
2016-12-08Live Stream #69.1: Session 9 - Programming from A to Z - Part 1
2016-12-038.7: "Build Your Own API" Conclusion with HTTP POST - Programming with Text


Tags:
Sarah Drasner
guest tutorial
guest coding tutorial
mo.js
mojs
mo.js animation
burst animation
animation javascript
animation javascript browser
burst animation javascript
web animation
web animation mo.js
codepen
sfpc
coding tutorial
daniel shiffman
guest talk
live coding
green screen coding
animations
guest
javascript (programming language)
creative coding
programming
tutorial


Other Statistics

The Guest Statistics For The Coding Train

At present, The Coding Train has 116,767 views spread across 3 videos for The Guest, and about an hours worth of The Guest videos were uploaded to his channel. This is less than 0.15% of the total video content that The Coding Train has uploaded to YouTube.