Picks by mPharma Issue #2
Good Tuesday.
Today is all about CSS. CSS is short for Cascading StyleSheet and it’s the part of the web responsible for beauty. Every site on the interwebs uses CSS to style their pages and here are 3 games that can help you learn CSS faster and in a more fun way.
1. CSS Diner
CSS Diner is a primer into the world of CSS. If you are a get down and dirty kind of person, this introduction to CSS would be a huge resource to your collection. Try it out today and learn some CSS.
2. Flexbox Froggy
CSS also helps with the layout of a page. If you used to code in the early 2010s, you’d remember how frustrating it was to layout a page with floats and how it was unwittingly difficult to center align in a div. There are lots of jokes about this on the internet but all that changed with the introduction of flexbox in CSS3. It literally changed the game for laying out a page and its use has extended out of the web. The Yoga layout engine used in React Native is based on Flexbox.
This is an interesting game to get your hands dirty with Flexbox.
3. Grid Garden
You have learned how to layout a page with Flexbox but there is another layout mechanism that was introduced a little while after Flexbox. The grid layout is a very powerful way of achieving varying types of layout, for instance, the masonry layout can easily be achieved with CSS grid. Advanced layouts and responsiveness are specialties of CSS grid. Wanna improve your grid skills, play this game.
