addressalign-toparrow-leftarrow-rightbackbellblockcalendarcameraccwcheckchevron-downchevron-leftchevron-rightchevron-small-downchevron-small-leftchevron-small-rightchevron-small-upchevron-upcircle-with-checkcircle-with-crosscircle-with-pluscrossdots-three-verticaleditemptyheartexporteye-with-lineeyefacebookfolderfullheartglobegmailgooglegroupshelp-with-circleimageimagesinstagramlinklocation-pinm-swarmSearchmailmessagesminusmoremuplabelShape 3 + Rectangle 1ShapeoutlookpersonJoin Group on CardStartprice-ribbonShapeShapeShapeShapeImported LayersImported LayersImported Layersshieldstartickettrashtriangle-downtriangle-uptwitteruserwarningyahoo

State of the Animation with Rachel Nabors

  • Mar 26, 2015 · 5:00 PM
  • This location is shown only to members

About the Talk

The post-Flash era is hardly free of animation. CSS animation is quickly becoming a cornerstone of user-friendly UI frameworks, and JavaScript libraries already exist to handle complex, interactive animations. And now there’s a new API coming to town specifically for web animations! In the wake of so much “CSS vs. JavaScript animation” infighting, you'll be introduced to the Web Animations API via the development styles and insights of four distinct groups of people: UI designers, interaction developers, library authors, and the browser teams implementing it.

About Rachel Nabors

Rachel Nabors is an interaction developer and award-winning cartoonist. She travels the world, speaking about web animation and giving workshops. Her articles on the topic have been published in Smashing Mag, A List Apart, 24 Ways, and Net Mag. When not biking around her home city of Portland, Oregon in the USA, she makes interactive comics at her company Tin Magpie and publishes Web Animation Weekly. You can catch her @rachelnabors on Twitter and at rachelnabors.com. 

Event Schedule:

5:00p Doors open, eat and drink (including a special cocktail by Alcademics, wine tasting by Grant Eddie winery, and a variety of gluten-free, vegan, and meat appetizers)
6:30-6:40p Announcements 
6:40-7:30p Talk
7:30-8:00p Break 
8:00 Lightning Talks *
8:10-8:30p Q&A and Raffle!** 
9:00p Room cleared

Cocktail service by @Alcademics:

Wine tasting by Grant Eddie Winery:

* Contact the Organizers if you'd like to give a lightning talk. 
** You must be present at the venue to qualify for raffle prizes.

Rachel's talk will be recorded. The link will be posted within a few days after the event.

Sponsor Message

Have a cool 3D Web project? Submit to http://www.3dwebfest.com for a chance to present at #3DWebFest in SF! #VR#WebGL #WebVR #HTML5

Join or login to comment.

  • Peter L.

    Video from Rachel's talk is now up on the SFHTML5 YouTube channel: https://www.youtube.com/watch?v=GxOq1bnlZXk

    8 · March 31, 2015

  • Jiayi C.

    Hello organizer(s),

    I would love to give a live demo for my new animation tool Creature that exports to HTML5 + WebGL. Unfortunately I am waitlisted so I'll put my demo here.

    Animation authored in Creature, exported into
    PixiJS:
    http://www.kestrelmoon.com/creature/dragon_pixijs.html

    The new Cocos2d HTML5 Alpha:
    http://hyperandroid.github.io/Cocos2d-html5/src/test/engine/creature.html

    Information about the tool itself:
    http://creature.kestrelmoon.com

    Cheers!

    2 · March 20, 2015

    • dcsan

      very cool Jiayi. how many people worked to develop that? I like how you put it as a game on steam!

      1 · March 30, 2015

    • Jiayi C.

      Hello, thanks for your interest in Creature! I am the sole developer of the tool. The total number of people who wrote this is 1 :) Cheers!

      1 · March 30, 2015

  • Ken P.

    Each time, it's hard to imagine that the HTML5 meetup could be better than the last one, but it always is.
    Rachel provided some key information about (2d) web animations.
    Some of her best moments were in the Q&A, like "How do we convince our shop to stat using animation?". Great in-the-trenches, behind-the-scenes info from a veteran.

    7 · March 29, 2015

  • Joerg T.

    We encountered a very friendly atmosphere at a meeting that was professionally organized, informative and fun to be around.

    3 · March 29, 2015

  • Rachel N.

    In case I did not plug it enough, webanimationsweekly.com for all the webs scattered web animation updates and awesome.

    6 · March 28, 2015

  • Nikita G.

    What a great meet-up. Wonderful talks, wonderful company, 10/10

    2 · March 28, 2015

  • Sean S.

    Amazing talks! Great time.

    March 28, 2015

  • Peter L.

    Great talk by Rachel.

    1 · March 28, 2015

  • Rachel N.

    The crowd was totally engaged and full of great questions!

    4 · March 28, 2015

  • gordon p.

    Listening to Rachel was like joining a corner of the UX conversation I hadn't even heard of, about perceptual psychology, CSS and the DOM, GPUs and APIs, and changing minds. Thanks.

    6 · March 27, 2015

  • Claudia Da S.

    Nice to know what is coming

    2 · March 27, 2015

  • Lauren S.

    Very interesting talk, beautiful venue--
    and so great to have a presenter in a party dress.
    Thank you Peter and Vanessa!

    3 · March 27, 2015

  • Michael Cresta (aka P.

    The event was great! Five years, Congrats!

    3 · March 26, 2015

    • Vanessa W.

      Thanks for being a part of it, Michael!

      1 · March 27, 2015

  • Neil D.

    Great speaker and venue. Well organized.

    3 · March 26, 2015

  • George D.

    Hi all, Last minute fire to put out and I can't make it. Would love to donate my spot to someone else interested in it!

    March 26, 2015

    • Lyn M.

      I'll take it! :D

      March 26, 2015

    • George D.

      Totally yours! I don't see a way to annotate/un-do/update my RSVP ...

      March 26, 2015

  • Claudia Da S.

    On my way ...

    March 26, 2015

  • Lyn M.

    Can we come if our names are not explicitly on the list? Looks like there are 48 spots left and a fellow web dev student and I would love to attend!

    March 26, 2015

  • Parul

    Sorry last minute, I can't make it, freeing up the spot.

    March 26, 2015

  • Claudia Da S.

    The address is 597 Market Street, right?

    March 9, 2015

    • Vanessa W.

      The Meetup map is adjusted. As Perry said, the address is 1 Market, 2nd floor.

      6 · March 25, 2015

    • Sarita G.

      Hey Claudia! See you there.

      March 26, 2015

  • Lisa S.

    1 MARKET, LANDMARK ENTRANCE - THE GALLERY IS ON THE 2nd FLOOR!

    3 · March 25, 2015

  • Lisa S.

    Looking forward to a great event!

    1 · March 17, 2015

  • Claudia Da S.

    Great that I got a spot here!

    1 · March 9, 2015

  • Jeff H.

    Will this presentation be recorded too?

    February 27, 2015

    • Vanessa W.

      It will indeed. I updated the event post. Thanks! :)

      February 27, 2015

  • Ms. L.

    Kindly contact me if space becomes available.

    1 · February 25, 2015

    • Vanessa W.

      @Ms If you RSVP and are on the wait list, Meetup will notify you if you are bumped up to the main list.

      February 26, 2015

  • A former member
    A former member

    yeah i am on vacation in SFO at this time. Happy to be there <3 <3 <3

    2 · February 25, 2015

  • Oswald C.

    An assortment of Web Animation code samples (think "swatches") for frivolous fun, written while sipping on chilled Chardonnay:
    https://github.com/ocampesato/web-animations

    4 · February 21, 2015

Our Sponsors

  • Google

    Platinum sponsor

  • Microsoft Edge

    Platinum Sponsorship

  • O'Reilly

    Gold Sponsor

  • Sony

    Silver sponsor

People in this
Meetup are also in:

Sign up

Meetup members, Log in

By clicking "Sign up" or "Sign up using Facebook", you confirm that you accept our Terms of Service & Privacy Policy