DEV Community

loading...
Cover image for “CSS Flexbox Cheatsheet” v3

“CSS Flexbox Cheatsheet” v3

dzhavat profile image Dzhavat Ushev Originally published at dzhavat.github.io ・1 min read

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 🔥

Discussion

pic
Editor guide
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 Author

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 Author

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
kevinnth profile image
KevinNTH

Good stuff!!

Collapse
thomvanoort96 profile image
Thomvanoort96

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
youssefouhamanee profile image
Collapse
jonloo profile image
Jon Lopez de Guereña

Really useful, thanks !

Collapse
ajsevillano profile image
Antonio Sevillano

Wow, great stuff, thank you!

Collapse
mhomol profile image
Mike Homol

Dude this is awesome! Thanks for making this!

Collapse
dzhavat profile image
Dzhavat Ushev Author

Thanks for the positive words. Hope you find it beneficial :)

Collapse
mshajid profile image
mshajid

Thanks bruh.

Collapse
hstevey profile image
hstevey

a BIGGG thank you!