Flexbox bronnen
Rachel Andrew
- What Happens When You Create A Flexbox Flex Container?, 2 augustus 2018
- Everything You Need To Know About Alignment In Flexbox, 13 augustus 2018
- Flexbox: How Big Is That Flexible Box?, 17 september 2018
Ohans Emmanuel, The Ultimate Guide to Flexbox — Learning Through Examples, 12 September 2017
Giulio Mainardi, Building a Trello Layout with CSS Grid and Flexbox, September 05, 2017
Abbey Fitzgerald, How to combine Flexbox and CSS grids for efficient layouts, August 15, 2017
Andreas Reiterer, A Simple Cheatsheet for Flexbox, An overview on how to use the flexible box layout, 16 augustus 2017
Abbey Fitzgerald, How to use Flexbox to create a modern card design layout, February 21, 2017
Scott Domes, Even more about how Flexbox works — explained in big, colorful, animated gifs, 20 februari 2017
Zviad Sichinava, Exercises in Flexbox: Simple Web Components, 7 Feb 2017
Oliver James, Flexbox Nº 8. of HTML & CSS Is Hard, A friendly tutorial for modern CSS layouts
Scott Domes, How Flexbox works — explained with big, colorful, animated gifs, 1 februari 2017
Dudley Storey, Balancing Text and Images with Flexbox, januari 2017
Dennis Gaebel Jr, Flexbox For Interfaces All The Way: Tracks Case Study, 3 november 2015
Heydon, Flexbox Grid Finesse, Nov 28
Jake Rocheleau, Understanding CSS3 Flexbox for Responsive Design, June 30, 2015
Cosima Mielke, Quick TipsThe Flexbox Reading List: Techniques and Tools, February 23rd, 2016
Christopher Murphy, Pure CSS Responsive Flex Menu, January 23, 2016
Rick Strahl, Flexing Your HTML Layout Muscles with Flexbox
Another pain point in HTML is form layout. One of the big draws of the Bootstrap framework is its grid system, which provides responsive form formatting and a semblance of multi-column form layouts. Flexbox can replace much of what the grid system does with a small amount of CSS just by using a Flexbox container around the individual form items. The result looks similar to the HTML that you would write with Bootstrap, but you get a lot more control over the elements because you’re not constrained by specific grid sizes. You can get automatic resizing of elements, but if you choose to, you can also give specific sizing hints to size each grid column to a specific relative value that is automatically recalculated by Flexbox when the page or container is resized.
Raphael Goetter
See the Pen flexbox form by Raphael Goetter (@raphaelgoetter) on CodePen.