{"id":6736,"date":"2019-04-07T17:23:15","date_gmt":"2019-04-07T15:23:15","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog?p=6736"},"modified":"2025-12-18T21:30:28","modified_gmt":"2025-12-18T20:30:28","slug":"flexbox-ninja-learn-flexbox-with-use-cases","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/en\/css3\/flexbox-ninja-learn-flexbox-with-use-cases","title":{"rendered":"Flexbox\u00b7ninja \u2013\u00a0Learn Flexbox through use cases"},"content":{"rendered":"

Flexbox\u00b7ninja<\/a> is a project I started a few years ago and that I had never taken the time to finish and publish. I wanted to propose at least 6 common use cases, but the web people suggested that I publish it with 3 cases and open it to contributions. That’s done, now let’s look at it in more detail.<\/p>\n

<\/p>\n

Flexbox: a bit of history<\/h2>\n

The project started with the W3C specification more than 10 years ago (oh yes already!). 2 years later, the idea of starting to popularize the functioning of CSS Flexbox came to me because the specification contained a lot of new features that were rather difficult to understand, especially because the syntax was revised several times, but also because browsers had a rather disparate interpretation.<\/p>\n

The idea of such a tool to browse examples through common practical cases in the daily life of a web integrator\/front end developer was therefore still valid. This is how Flexbox\u00b7ninja<\/a> came into being a few weeks ago.<\/p>\n

Flexbox\u00b7ninja: the tool<\/h2>\n

\"Flexbox\u00b7ninja<\/a><\/p>\n

The name of the site is a little boastful, but it was more for the originality of the domain than for the level of exhaustiveness of the content, knowing that it only includes 3 common examples at the moment.<\/p>\n

The way it works is relatively simple, each example is a precise need in a page from which you can access:<\/p>\n