Webpage Animations using CSS

WeWork - SOMA - 156 2nd St San Francisco - View Map Girl Develop It San Francisco
Tue, Jun 19, 2018, 6:00 PM (PDT)

About this event

In this workshop, you will learn modern CSS3 properties to slickly style and animate your page.

The workshop will be a mix of lectures and hands-on exercises in pairs.

Topics covered:
• CSS3 colors, borders, shadows
• CSS3 animations, transitions


Attendees should be comfortable with HTML tags and attributes and basic CSS selectors.

You can review them online at a few places:
• Khan Academy's HTML & CSS course (https://khanacademy.org/html-css)
• Codecademy's HTML & CSS course (https://www.codecademy.com/learn/learn-html-css)
• GDI SF's HTML & CSS slides (http://teaching-materials.org/htmlcss-1day)


• Your laptop (Mac, PC, Linux) and charger
• A modern web browser (Chrome, Firefox, Safari)
• A text editor - we recommend either Sublime Text 2 or Atom (both free)

If you do not have a laptop, please contact the instructors. We have a limited number of Chromebooks for students to borrow.




Payment is required to attend. If you'd like to attend but cannot afford the cost, click here to request a scholarship (https://docs.google.com/forms/d/e/1FAIpQLSfiUBN4yve3L7iociXzcqNgEtrljsn_7mCgZ3eUtvAEr3bcQg/viewform). Due to the amount of applications, only the scholarship recipients will receive an email a few days before the workshop. Thank you for your understanding!



Sarah Federman is a UX designer and front end engineer who loves applying systems thinking to solve product problems. She graduated with her BFA in New Media Design from Rochester Institute of Technology. Previously a UI engineer at LinkedIn, she’s currently using her diverse skillset to help create the design system at Adobe, dubbed Spectrum.

Sarah Showers is a restaurant manager turned software engineer. After completing a fullstack bootcamp in 2014, she realized she was much more interested in the frontend. She enrolled herself in GDI's JS101 and the learning journey hasn't stopped since.


This is a great follow-up workshop for those who attended our Intro to HTML & CSS workshop (https://www.meetup.com/Girl-Develop-It-San-Francisco/events/250108915/).


Tuesday, Jun 19
6:00 PM - 9:00 PM (PDT)


WeWork - SOMA
156 2nd St San Francisco