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/d...
Focus-within CSS dropdown https://fireship.io/snippets/basic-cs...
Install the quiz app 🤓
iOS https://itunes.apple.com/us/app/fires...
Android https://play.google.com/store/apps/de...
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
Watch video 10 CSS Pro Tips - Code this, NOT that! online without registration, duration hours minute second in high quality. This video was added by user Fireship 09 April 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 2,321,573 once and liked it 126 thousand people.