Do you hear everyone talking about Flexbox but have yet to dive in yourself? Have you briefly experimented but find yourself surprised by the results?
Flexbox, or Flexible Box Model, is a set of CSS3 properties for creating a flexible layout. By allowing a set of elements to behave predictably when accommodating various screen sizes and devices, Flexbox solves many of the layout issues developers have been struggling with for years! The days of hacks like floats and positioning are numbered as Flexbox allows us to achieve layouts simply and with cleaner code. With support in all modern browsers / IE10+ and just a few tools and strategies for older browsers, it is possible to start using Flexbox today.
We will cover:
• Flexbox syntax and how it requires us to think about layout in new ways
• Flexbox properties and how they work
• How Flexbox distributes space and and behaves for flexibility in layouts
• How to decide if it makes sense to use Flexbox in your current project
• A laptop (Note: a netbook or tablet is NOT a substitute!) Google Chrome (or Firefox is ok)
To get the most out of this class, you should have a working knowledge of basic HTML & CSS. You may have taken Intro to HTML through Girl Develop It, or maybe you have built a site for fun. To help you gauge whether or not this class is a good fit given your current skill set, you must take this mandatory quiz and submit your score when you RSVP.
Interested in TA-ing or being a volunteer? Fill out this form and the organizer will contact you!
About the Instructor
Sam Provenza is a UI designer and CSS enthusiast based in Brooklyn, NY. Her current role is at Hook & Loop in New York City where she shares her passion for new web technologies and perfecting the user experience. She loves being involved with Girl Develop It because it gives her the opportunity to help other women on their coding journey. When she's not glued to her computer, Sam enjoys Pinterest projects and being a cat mom.
All attendees are expected to abide by the Girl Develop It Code of Conduct.