Flex

Flex

Flexbox's are a pain to write, Flex makes it easy.

2 followers

Visit website
•
Flexbox's are cool, but a pain in the dairy air to write. Flex makes it easy. Generate CSS to quickly make grids, columns, just about whatever you could think of, all thanks to the wonders of Flexbox.
Flex gallery image
Flex gallery image
Launch tags:
Developer Tools
Launch Team

What do you think? …

Ariel
Great thing, thanks. Only suggestion would be putting everything on one site. It's scrolling somehow badly sometimes.
Jake Howell
Maker
@ariel_jedrzejczak Gday, yeah I noticed that too when jumping into Safari, i've pushed a fix out!
Tyler Andersen
@ariel_jedrzejczak Ya I straight up thought the site was broken when I first entered it. I was trying to scroll on the middle pane and nothing was happening. Even after seeing the arrow I clicked on the arrow thinking it would do something. I didn't realize I had to click on the left side and then start scrolling til I saw this comment and realized I needed to keep scrolling somewhere to make it work. Maybe make it scroll a little bit for the user if they click that pulsing arrow to show them the left panel scrolls.
Blake Folgado
@ariel_jedrzejczak @tm0neys Yep same here? Maybe if they click the bouncing arrow push the page. Also a bouncing arrow does not really indicate scroll all too much :P
Olivier Janssen
Nice idea! Let me make 1 suggestion though: Making a selection in a drop down menu triggers a "startDrag" (or something) on OSX Safari, which makes the flow go haywire.
Jake Howell
Maker
@olivierjanssen Gday, yeah it seemed to buggering up for me too, guess I can't rely on new CSS values. Heh.
lukas jorissen
Uhh css grids — Flexbox a bit outdated — not?
Jake Howell
Maker
@lukasjorissen Not quite familiar with CSS grids, however this isn't a columns framework I was attempting to build, it's simply just aligning content without being overly bulky. i.e centering a specific div is as simple as.. ``` display: flex; justify-content: center; align-items: center; ```
Jeffrey Chiang
@lukasjorissen @jake_howell1 They can both be used together depending on the purpose. https://developer.mozilla.org/en...