Here is a demo from my DART430 of an image hover effect with transform: scale(2) and a filter:grayscale
Flexbox site of the day from: Bridget and Luke
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
- The famous Flexbox Froggy game (the last one is tough)
- And (finally?) here is a cool interactive site that allows you to play in a flexbox sandbox.
Here are the two starter files we will use to build a flexbox navigation bar and a flexbox form.
Today’s topic is Flexbox. Again, we cannot post sites online, but here are the details and extra tips on that in my Posting Tips. Most developers would have FileZilla on their 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