Ahoy from the H.M.S. Queen Mary!

Former star-liner cruise ship

Troop transport in WWII

Haunted Ship

Multiple museum-like exhibits

SVG is awesome

Best used for user controls, logos, icons, and illustrations.

(when devs and designers play nicely)

I've only used it for data viz (d3, highcharts)

Opening keynote focused on designers exporting clean code in SVG objects

Group SVG elements smartly

Use simple shapes instead of paths (where practical)

Combine paths if not animating them seperately

SVG Tools

• GreenSock Animation Platform (GSAP)
• Snap.svg
• Velocity.js
• D3.js
• Highcharts

Nobody knows how cubic bezier works

But you can play with it here: www.cubic-bezier.com

Animations can be really, really effective.

Only when used in ways that make sense

Pay attention to some basic animation principles (from Disney animation)

Natural-looking animations are most effective

They model familiar things

Choreograph animations consistently

Turn them into a language that has meaning

Prepare to be wrong

Have opinions, and state them as such:

"I think this is..." vs. "This is..."

Cuts down on heated discussions when preference is the perception

Be open to new information