Building a Light/Dark Dashboard, Part 3

🔥 My upcoming course: Responsive Design for Beginners! https://coder-coder.com/responsive/

💻 Become a full-stack web dev with Zero to Mastery: https://academy.zerotomastery.io/a/af...


In this video we'll be building and styling the top bar and dark/light toggle for the Frontend Mentor social media dashboard, making sure to use accessible HTML markup.

0:00 - Intro
0:10 - Study design
6:15 - Building top bar
20:23 - Using accessible markup for toggle
33:55 - Styling the top bar
52:06 - Styling the toggle so that it's accessible

Full playlist:    • Building a Light/Dark Dashboard  
Source code on GitHub: https://github.com/thecodercoder/fem-...
Challenge on Frontend Mentor: https://www.frontendmentor.io/challen...
Live website: https://codercoder-darklight-toggle.p...

Resources mentioned:
Sara Soueidan's accessible toggle Codepen: https://codepen.io/SaraSoueidan/pen/j...


____________________________


SUPPORT THE CHANNEL
⭐ Join channel members and get perks:    / @thecodercoder  
👏🏽 Hit the THANKS button in any video!
🎨 Get my VS Code theme: https://marketplace.visualstudio.com/...


WANT TO LEARN WEB DEV?
Check out my courses:
🌟 Responsive Design for Beginners: https://coder-coder.com/responsive/
🌟 Gulp for Beginners: https://coder-coder.com/gulp-course/


RECOMMENDATIONS
⌨ My keyboard -- Get 10% off with code THECODERCODER -- https://vissles.com/?ref=mu96kxst5w
💻 Other gear -- https://www.amazon.com/shop/thecoderc...
📚 My Favorite Books -- https://coder-coder.com/best-web-deve...
📺 My Favorite Courses -- https://coder-coder.com/best-web-deve...


🔽 FOLLOW CODER CODER
Blog -- https://coder-coder.com/
Twitter --   / thecodercoder  
Instagram --   / thecodercoder  


#webdevelopment #coding #programming