Skip to content

gdirdu/intro-to-flexbox

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 

Repository files navigation

intro-to-flexbox

Flexbox Class slides, exercises

##Class Description:

This class is a 1-night workshop running from 6:30-9:30pm.

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

###Prerequisites:

To get the most out of this class, you should have a working knowledge of basic HTML & CSS. You may have taken Intro or Intermediate HTML/CCS class 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.

###Tech requirements:

Your laptop and charger. Note: A netbook or tablet is NOT a substitute.

A modern browser: either Chrome with the "Web Developer" extension or Firefox with Firebug installed.

A text editor. We recommend Sublime Text 2 (free; available for both Mac and PC) with Autoprefixer installed.

###Refund Policy:

There are no refunds or make-ups for this course. If you end up being unable to attend any or all of these dates, the entire amount of your tuition will be donated to our scholarship fund to help other women who need financial assistance. Thank you for understanding.

###Class Cost: $30

About

Flexbox Class slides, exercises

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 42.1%
  • JavaScript 32.6%
  • HTML 24.3%
  • GLSL 1.0%