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

Animated Music Videos with CSS3 and HTML5

  • Mar 27, 2013 · 6:30 PM
  • This location is shown only to members

Rachel Nabors will show you how to make a browser-based animated music video using HTML5 audio, JavaScript and CSS3 animations. Load assets, loop music, and fire events using JavaScript. Animate images and backgrounds with CSS3. Combine the two to let users interact with and change the video. This talk is an excellent introduction to CSS3’s shiniest features and HTML5’s audio API. Even if you never need to make a music video, you’re sure to come away with a head full of ideas

Rachel Nabors is a front end developer, UI engineer, and award-winning cartoonist in Raleigh, North Carolina. She has given talks and written about topics ranging from wabi-sabi to contributing to open source projects with github. She spends her free time making comics, drinking tea, and tending orchids. You can follow her work at and @CrowChick and read her comics at

Join or login to comment.

  • Maurice G.

    I missed the meeting but wanted to know if the presentations or demos were available to look at

    March 28, 2013

  • Tessa

    Thanks for coming, everyone! We were so lucky to have Rachel join us. You can find her slides here:

    2 · March 28, 2013

  • Ben V.

    Strong work, Rachel.

    March 28, 2013

  • A former member
    A former member

    Great meetup and topic! Learned some interesting techniques for animating with just CSS3.

    March 27, 2013

  • A former member
    A former member

    Great presentation. Best demo was saved for the end; I loved it.

    March 27, 2013

  • aaron

    Great job Rachel. I learned a lot.

    March 27, 2013

  • Kevin

    really bummed i'm not going to make this one

    March 27, 2013

  • Eric M.

    Sorry, family stuff has come up. But will be there for the CSS Layouts session.

    March 27, 2013

  • Larry M.

    Had a change of plans

    March 26, 2013

  • gowri s.

    Looks like I'm going to miss this one. :`(

    March 26, 2013

  • A former member
    A former member

    I can't wait to see you guys! I hope you're as excited as I am :D

    March 4, 2013

30 went

Our Sponsors

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