Flexbox is now a CSS module with a really great support (regarding CanIUse). It's time for you to adopt this module and deal with it for real projects you're working on. Its power is big enough to make it essential in your front-end developement daily habits. It's a huge time saver to create efficient, flexible et strong layouts.
Why this site?
Flexbox.ninja is here to bring you help on the more common usage, and some tips when using Flexbox Layout on little component, but also aon big complicated layout.
Flexbox is one of the new Layout system you should know, so don't forget to have a look on Grid Layout too!
Who's working on it?
I'm Geoffrey Crofte, a UX/UI Designer with affinity with accessibility, UX, front-end development, Ninjas and Kittens, living at Luxembourg City and working with the awesome Maltem Team.
I love sharing things —HTML, CSS, UX, UI, WordPress tips— on my blog and here and there on the web.
How to contribute?
This website is composed with a simple system that allows you to contribute through this Github repository. The explanations are available on the readme. If you want to report error on the website, use the issues for that :)
Special thanksAh! Thanks to Stéphanie Walter for the Ninja in the header.
Come to see me on Twitter if you want to talk :)
They talked about it
You welcomed this initiative with sweet words, and I would like to thank you.
- Collective #486 - Codrops
- Weekly Digest (Jan 2019) – Fresh Frontend Links
- Pixels of the week – January 27, 2019 – Stéphanie Walter's Blog
- Best Website Gallery – BestWebsite.gallery
- Flexbox Selection – Resoource.com
- Weekly Issue #45 – The Front-end Club
Looks like a promising, wonderful resource by @geoffrey_crofte. With a few Flexbox demos and code snippets, well-documented and explained.— Smashing Magazine (@smashingmag) 30 january 2019
↬ Flexbox Ninjahttps://t.co/Aw3c3M9sDE pic.twitter.com/i9rBU5MlVW
https://t.co/9kau37XlEh— Chris Heilmann (@codepo8) 28 january 2019
Flexbox is nowaday one of the problem solvers you should master to help you in your working daily habits. Follow those little demonstrations and case studies to learn more about CSS Flexbox Layout, step by step, and become a Flexbox Ninja!
Flexbox Ninja – demos of some flexbox layouts https://t.co/zDJfJao2E5— Tableless (@tableless) 22 january 2019
Flexbox Ninja – demos of some flexbox layouts https://t.co/cCUNlBD8Bn— Front-End Front (@frontendfront) 27 january 2019