Skip to main content Jump to list of all articles

Video Editing With CSS And JavaScript

In 1985 pop music was mesmerized by the a-ha “Take on me” music video. It’s been almost 35 years since then, the world needs new catchy tunes with impressive video animations… on the web. Let’s learn how we can edit videos and create immersive experiences worthy of the ‘80s pop music using JavaScript and CSS.

About The Session

  • Speaking: Eva Ferreira
  • Date:

Video Editing With CSS And JavaScript

In this session you will learn how video edition is possible in the browser and how we can take traditional animation techniques as an example and inspiration. We will talk about how stop-motion and vector graphics have made an impact in the way we think web animations today and how rotoscoping can be taken as an example for the future of web animation.

We will learn to transform videos with pure CSS and learn how to remove backgrounds in live recordings using JavaScript and pixel manipulation.

In this webinar you will learn:

  • How to create interactive videos with CSS.
  • How to implement Chroma Key with JavaScript.
  • How creative coding can help us move the industry forward.

About The Speaker

Eva Ferreira is a Front-end developer and teacher. She currently works as a UI Developer at Aerolab and has been teaching web technologies at the National Technological University of Argentina for more than five years.

Throughout her career Evangelina has been deeply involved in the Argentinian web community. She enjoys giving workshops and talks and since 2015 she has been organizing CSSConf Argentina, an international non-profit event that brings experts from all around the globe to speak about web technologies in Latin America.

In her spare time she loves reading W3C drafts as much as Harry Potter, creating animations and playing with her cats.

← Back to the overview

What’s Smashing TV?

Smashing TV is a series of webinars and live streams packed with practical tips for designers and developers. Not just talks — conversations and “here-is-how-I-work”-sessions. Smashing Members can download recordings, too.

Think of it as some sort of a Hollywood blockbuster with cats. Just better, because it’s for people like you. Check upcoming webinars.

Previous Webinars

We run practical sessions every week. No fluff, just actionable techniques and strategies for building and designing better experiences. Here are a few recent ones:

View upcoming webinars ↬