jakub_g's public fiddles
-
Promise forking and error handling
No-Library (pure JS), HTML, CSS, JavaScript
-
onpzovye
No-Library (pure JS), HTML, CSS, JavaScript
-
V5NGE
No-Library (pure JS), HTML, CSS, JavaScript
-
CSS3 flexboxes: Holy grail layout example with flex-wrap for multiline
If the width is too small, then we get responsive design with flex-wrap and min-width (without media queries)
-
CSS3 flexboxes: flex-basis auto
Comparison of flex-basis auto vs flex-basis 0.
-
CSS3 flexboxes: overflow handling via shrink with widths defined
In this scenario, flexbox has width 300px while its children 250px each. This creates overflow normally. However we've defined flex-basis: auto and different flex-shrink for the items. Opera 12 and Firefox 21 will shrink the children so they not overflow. Chrome 23 doesn't shrink the children.
-
CSS3 flexboxes: flex-grow and flex-shrink demo with fixed flex-basis
Both items have flex-basis: 200px defined. In 'equilibrium situation' they'll get those widths exactly. If there's less space, the second one shrinks 3x faster than the first. If there's more space, the first one grows 5x faster than the second.