This visual explanation will help you understand the CSS Box Model with an analogy.
If you have ever voted in an election, then you can understand SQL joins, the most challenging part for beginners
This visual explanation will help you understand how to use selectors in CSS.
If you have ever been on a long roadtrip, then you can understand CSS Flexbox! The popular Flexbox model attempts to replace the giant pain known as CSS “floats”. Unfortunately, it also introduces yet another entirely new system into CSS. And you thought there were enough already! Actually, the grid-oriented nature of Flexbox makes much more… Continue reading CSS Flexbox Explained by Road Tripping Across the Country
If you’ve seen Star Wars, then you can understand props and state. Props and state are essential to writing readable React code. But they’re hard concepts to grasp, because they’re based around an entirely different paradigm than Angular or jQuery (if you have used either of those). But don’t worry — I’m going to clear everything up with… Continue reading React Props/State Explained Through Darth Vader’s Hunt for the Rebels
If you have ever jumped on an escalator, then you can quickly understand floats. Your <div> is almost perfect. You decide to introduce some floats to fix the relationship between a few elements. The next thing you know, your newly floated elements jump out of your carefully chosen order, and stick to the side of… Continue reading CSS Floats Explained By Riding An Escalator
This visual explanation will help you understand CSS positioning by showing how the parts compare to an ice cream sundae.
Need a few ideas for building a simple web app? These 6 examples will help you practice all the key skills and have fun doing it! Okay, you have already learned front-end web development, and now you are looking to flex your developer muscles on the next big challenge: full-stack web apps. You probably have many… Continue reading 6 Absurd Ideas For Building Your First Web App