DEV Community

Cover image for “CSS Flexbox Cheatsheet” v3
Dzhavat Ushev
Dzhavat Ushev

Posted on • Originally published at dzhavat.github.io

“CSS Flexbox Cheatsheet” v3

I’m really happy to share a new version of my “CSS Flexbox Cheatsheet” VS Code extension! 🎉

The biggest change in this update is the addition of interactive demos to most properties. You will be able to see how each value works just by clicking on the buttons. I’ve wanted to add this for some time and pushing an initial iteration of it feels great.

Here’s how it works:

Interactive demos in action

Now I’m looking forward to your feedback! Tell me what you like about it and what you would like to see more. I’ll make sure to add it in a future update 🙂

Go grab it while it’s hot 🔥

Top comments (17)

Collapse
 
wormss profile image
WORMSS

So it's a bit like the-echoplex.net/flexyboxes/ ?
This has been my go-to tester for years.. I will give yours next time I need to do flexy stuff.

Collapse
 
dzhavat profile image
Dzhavat Ushev

Nice website. Didn't know about it. Yeah, they look similar. In my extension the interactive examples are related to only one set of properties instead of combining everything together. I see both resources as valuable. Thanks if you decide to give mine a try :)

Collapse
 
brombaut profile image
Ben Rombaut

+1 for this website, I use it all the time

Collapse
 
azakaryan profile image
Armen

Awesome. Thanks a lot :)

Collapse
 
fahad07_khan profile image
Fahad Khan

Good feature in VS but I use sublime. I hope sublime will adopt this feature soon.

Collapse
 
dzhavat profile image
Dzhavat Ushev

Thanks for sharing your comment. I'm sorry that I cannot provide the same functionality to Sublime as well. If you or someone else want to port my extension to other editors, the code is freely available on GitHub.

Collapse
 
nunocpnp profile image
Nuno Pereira

Really nice ! Thx for sharing !

Collapse
 
knth profile image
KNTH

Good stuff!!

Collapse
 
bubster profile image
TvO

Cool stuff, really useful!

Collapse
 
jrraymundo profile image
Jerome Raymundo

Definitely using this at work. Thank you for this!

Collapse
 
andrewbaisden profile image
Andrew Baisden

Wow now this is a useful extension.

Collapse
 
hstevey profile image
hstevey

a BIGGG thank you!

Collapse
 
jonloo profile image
Jon Lopez de Guereña

Really useful, thanks !