Master the Power of CSS Variables for your Modern Web Design
Channel: Andrew Connell
Date: 2023-01-06

For many developers, CSS styling is a skill that lands somewhere between an art and a magical incantation. CSS does take some patients and knowledge but one of the really interesting features that have come with more recent browser parity is CSS Variables which allow you to define a property that you then reference in your CSS settings but can set/scope at the DOM element level. In the end, this gives you a way to make your solution dynamic while at the same time reducing your dependence on DOM manipulation.


🔗  Resources:
-------------------------------------------
🔗  Samples: https://officedev.github.io/browser-native/listing/?sample=css-variables
🔗  W3Schools: https://www.w3schools.com/css/css3_variables.asp


📚 Chapters
-------------------------------------------
00:00 : Introduction
00:11 : What are some of the use cases for CSS Variables
01:34 : Defining CSS variables
03:34 : CSS Variable demo


🔖  My on-demand & free email courses
-------------------------------------------
📺  Mastering the SharePoint Framework
  https://www.voitanos.io/course-master-sharepoint-framework
📺  Extend Viva Connections with the SharePoint Framework Adaptive Card Extensions
  https://www.voitanos.io/course-viva-connections-sharepoint-framework-adaptive-card-extensions
✉️  Explore & evaluate the SharePoint Framework
  https://www.voitanos.io/ecourse-explore-evaluate-spfx/
✉️  Understand the SharePoint Framework toolchain
  https://www.voitanos.io/ecourse-understand-spfx-dev-toolchain/


🔗  Links
-------------------------------------------
Website ▶️ https://www.voitanos.io
Twiter ▶️ https://twitter.com/andrewconnell
Facebook ▶️ https://www.facebook.com/voitanos
LinkedIn ▶️ https://www.linkedin.com/in/andrewconnell
Instagram ▶️ https://www.instagram.com/voitanos_llc

#BrowserNative #JavaScript