Subscribe
Sign in
Flex
p/flex-6Flexbox's are a pain to write, Flex makes it easy.
Start new thread
Jake Howell

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

by•

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.

Add a comment

Replies

Best
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...
Herman Starikov
This is a beautiful website, nicely done!
Kevin Yun
This is magnificent and trumps all the other flex box tools I've used.
Dun
Thank you!
Jake Howell
Maker
Hi y'all, here's something I threw together on my Sunday morning. Hope you enjoy!
Jamie McArdle
Really cool, however the select boxes are annoying, if they were visible as radio buttons or when you clicked the input it cycled through the options that would be cool. I agree with @ariel_jedrzejczak also, scrolling is annoying.
Mitul Shah
this is awesome thank u
Nipun Raviasra
Grate work 🙌
Jennifer Robinson
Cool instead of notes.
Juan Camilo Sierra

I hope this would be maintained in the long term

Pros:

Easy to use. Solves a common problem

Cons:

It could include other flex properties

Gibran Malheiros
Nice initiative! After adding a few more properties it will become as valuable as the Flexy Boxes project: https://the-echoplex.net/flexybo...
Ghost Kitty
Comment Deleted
Eric Bae
The site is down....
Shantanu Bhadouria
This is great!
Raj Kiran Chaudhary
Could not access the site