10 CSS Pro Tips – Code this, NOT that!

10 CSS Pro Tips – Code this, NOT that!

HomeFireship10 CSS Pro Tips – Code this, NOT that!
10 CSS Pro Tips – Code this, NOT that!
ChannelPublish DateThumbnail & View CountDownload Video
Channel AvatarPublish Date not found Thumbnail
0 Views
Top 10 CSS Pro Tips to Make Your Web Developer Life More Productive. Some of the best programmers say CSS is too difficult… but you might be surprised how modern techniques can dramatically improve your code. https://fireship.io/tags/css/

00:00 CSS is too difficult (myth)
00:56 1. Learn the box model
02:00 2. Firefox is Amazeballs
02:31 3. Flexbox is fantastic
03:34 4. The grid is awesome
04:23 5. Tighten it
05:09 Bonus: impress your boss
05:30 6. One-Liner in image format
06:01 7. Variables for variables
06:46 8. Fancy calculations
07:38 9. Status management counter
08:18 10. Find inner focus
09:01 Bonus: Treating an incurable disease

#css #learn to code #top10

Box Model https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/The_box_model
CSS Dropdown Focus-within 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

– Dark Atom
– vscode icons
– Fira code font

Please take the opportunity to connect and share this video with your friends and family if you find it useful.