10 CSS Pro Tips - Code this, NOT that!

Top 10 CSS Pro Tips to make your life as a web developer more productive. Some of the best programmers say CSS is too hard… but you might be surprised at how modern techniques can dramatically improve your code. https://fireship.io/tags/css/

00:00 CSS is too hard (myth) 00:56 1. Learn the box model 02:00 2. Firefox is Amazeballs 02:31 3. Flexbox is Fantastic 03:34 4. Grid is Great 04:23 5. Clamp it Down 05:09 Bonus: Impress your Boss 05:30 6. Aspect Ratio One-Liner 06:01 7. Variables for variables 06:46 8. Fancy Calculations 07:38 9. State Management Counter 08:18 10. Finding focus-within 09:01 Bonus: Treat an Incurable Disease

#css #learntocode #top10

Box Model https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/The_box_model Focus-within CSS dropdown https://fireship.io/snippets/basic-css-dropdown-menu/

Install the quiz app 🤓

iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp

Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment.

My VS Code Theme

• Atom One Dark
• vscode-icons
• Fira Code Font ... https://www.youtube.com/watch?v=Qhaz36TZG5Y