Flexbox site of the day from: and
Comparing four approaches: tables, floats, templates (Bootstrap) and Flexbox. Here are
- a good intro
- Flexbox in 3 minutes
- Flexbox in animated GIFs
- or this from Sitepoint
- or from MDN
- Also for flexbox, here are about 100 pages from Medium
- And here is the main site to start learning CSS Grid
Here are the two starter files we will use to build a flexbox navigation bar and a flexbox form.
Today’s topic is Flexbox and lab time to finish your websites. You need to test your site online today, so here are some details and extra tips on that in my Posting Tips. You should have FileZilla on your own computer.
Here is a CSS layout using floats that I did at a workshop.You should remember to take a look at the other key CSS sites for ideas and "look-and-feel":
- CSS zengarden
- Jeffrey Zeldman
- alistapart
- CSS Tricks, good for cutting-edge CSS3, etc.
And here is Video #9, building a flexbox nav bar, with some intermediate steps to demonstrate flexbox:
Site maintained by John Beatty