Flexbox Is the way to layout websites and web applications in the modern world.
In this class you will learn about all the features and properties of Flexbox and how to use them! We will take a hands on approach to discovering all the awesome ways to use Flexbox and by the end of the course you will have a professional understanding of Flexbox and how to use it to layout Websites and Web Applications like a modern CSS guru!
Each video includes a link to the lesson's code so you can easily follow and code along without needing anything but a web browser.
To be successful in this class all you need is a basic understanding of CSS and HTML!
The old way of laying out content on the web is on it's last days. Learn how to utilize Flexbox to streamline, simplify, and future-proof your Websites and Mobile Applications!
An introduction to JSbin.com the coding environment for this course. We are going to see how we can use JSbin.com to code together and learn Flexbox!
All about the flex-wrap CSS property for Flex Containers.
All about the justify-content CSS property for Flex Containers.
All about the align-items CSS property for Flex Containers.
All about the align-content CSS property for Flex Containers.
All about the order CSS property for Flex Items.
All about the flex-grow CSS property for Flex Items.
All about the flex-shrink CSS property for Flex Items.
All about the flex-basis CSS property for Flex Items.
All about the align-self CSS property for Flex Items.
In this section we learned all of the CSS properties for Flex Items.
We've seen how we can use:
A super fun way to practice what you've learned is with a couple of awesome games that you can play right in your web browser!
Try to finish Flexbox Tower Defense: http://www.flexboxdefense.com/
Try to finish Flexbox Froggie: http://flexboxfroggy.com/
An overview of the 2 CSS shorthand properties for Flexbox.
How to use Flexbox to easily center content both vertically and horizontally.
How to use Fexbox to layout responsive forms that look great across devices and screen sizes.
How to layout flex items that scroll their content individually.
All the notes from the class and some great resources for reference and continued practice.
I'm a web developer and programming instructor living in New Orleans. I've been programming for 10 years and absolutely love all things web development! I've built responsive web and mobile applications for many companies small and large and love learning and teaching the latest and greatest techniques. I hope you'll join me in learning some awesome new ways to develop for the modern web!