linkding

Flexbox — The Animated Tutorial - JavaScript Teacher - Medium

#flexbox #webdesign | This is a common pattern when you have an unknown number of items with unknown content size and you want to display them all on the screen. In the following example (justify-content: center) all…

5 years ago | View Shared by ttscoff

Flexy Boxes — CSS flexbox playground and code generation tool

#css #flexbox #generator #webdesign | Online CSS flexbox playground and code generator. Supports all existing flexbox implementations.

5 years ago | View Shared by ttscoff

Flex — A FlexBox Builder.

#css #flexbox #tool #webdesign | Quick tool for visualizing and generating code for CSS flexbox arrangements.

5 years ago | View Shared by ttscoff

Using Modern CSS to Build a Responsive Image Grid — SitePoint

#css #flexbox #gallery | George takes a look at a few different techniques for building a mobile-first, responsive image grid using flexbox and calc().

7 years ago | View Shared by ttscoff

Responsive grid with captions using flexbox

#css #flexbox #gallery | ...

7 years ago | View Shared by ttscoff

Flexbox Patterns

#css #flexbox #pattern #tutorial #webdesign | Flexbox is awesome, but it introduces many new concepts that can make it difficult to use. These interactive examples will show you practical ways to use it to build UI components. They start out simple and get more complex near the end. You can start using these patterns in your own code right away, though I recommend you apply accessibility best practices to the markup (like using semantic HTML5 elements).

8 years ago | View Shared by ttscoff