Past Meetup

Fun with SVGs and CSS Animations

This Meetup is past

80 people went

Shopify

80 Spadina Ave, 4th Floor · Toronto, ON

How to find us

From the elevators or front stairs, please follow the signs to the main hall.

Location image of event venue

Details

We've witnessed the power and impact that animations with the right approach can have on the experience of a website or application. Join us for a uniquely collaborative workshop where both a designer and a developer shows you how their combined efforts can create effective animation patterns! You'll not only learn to create SVG files optimized for the web, but apply CSS animations to bring them to life on any screen. In the spirit of working together, both designer and developer will demonstrate how they can enhance and better the use of animations on the web.

This workshop is intended for beginner to intermediate developers and designers alike! We're here to round out all your design and dev muscles.

Check out some primers on CSS here on codecademy (https://www.codecademy.com/courses/css-coding-with-style) if you're eager to get started.

Please bring your own laptops with a trial or licensed version of Adobe Illustrator (http://www.adobe.com/products/illustrator). We highly recommend that you also have a text editor of your preference installed. We will message you closer to the event on any workshop materials (a repo and/or slides) for those who are signed up and curious.

Schedule:

*6:00PM - 6:30PM: Troubleshooting Installation Issues

6:30PM - 6:45PM: Sign-in & Networking

6:45PM - 8:30PM: Workshop

8:30PM - 9:00PM: Q&A

* come on in early and we'll help with any problems setting up

Instructors:

Lindsay Trevors is a web designer at Toronto-based Filament Creative (http://www.filamentlab.com/). Particularly passionate about UX, she loves the challenge of making the web just a little bit better with every project. Otherwise she enjoys playing video games, drawing, and hanging out with her puppy Mittens.

lindsaytrevors.com (http://lindsaytrevors.com/)
@lindzington (http://twitter.com/lindzington)

Stella Kim is a full stack developer, using Rails and various JS frameworks at work and side projects. She's a continual learner with sometimes too much curiosity for her own good. Recently, she's been exploring 3D printing, IoT, and getting deep into coding with Rails at Shopify (http://www.shopify.com).

Github (http://github.com/skimke)
@skimke (http://twitter.com/skimke)

We will be joined by other talented mentors at the event to help you follow along.