Summary
Keywords
Full Transcript
Starter Code: https://github.com/procodrr/frontend-bootcamp/tree/main/ep-35_css-variables/starter-code Final Code: https://github.com/procodrr/frontend-bootcamp/tree/main/ep-35_css-variables/starter-code Bootcamp Repo: https://github.com/procodrr/frontend-bootcamp Frontend Practice: https://www.frontendpractice.com/ CSS varaibles are great way to store all your color and other repeating things in one place. In this video we'll see what are css variables and how can we use it to make our code more non-repetitive and scalable. 📖 Chapters 00:00 - Introduction 00:15 - Download the Starter Code 00:55 - Code Tag in HTML 03:19 - Handle Repetitive Styling - the Boring Way 05:08 - Try Find and Replace Using VS Code 05:57 - Understand CSS Variables - the Better Way to Handle Repetitive Styling 14:40 - How to Use CSS Variables to Change the “border-radius” of All Buttons Over a Page? 16:44 - Understand the Scope of CSS Variables - Where Should You Define Variables? 19:50 - Can You Overwrite Custom Properties Given in Root Selector? 23:48 - Understand the Concept of Fallback in CSS Variables 33:43 - Exploring CSS Variables Used by MDN 36:10 - Announcement of Last CSS Video 37:05 - Explore Kevin Powell’s Channel 38:15 - Use Frontend Practice for Practice Projects If you have any doubt you can ask in comment section I will reply to each and every question or you can reach out to me directly on my social media handles mentioned below. Social Media 🌐 Linkedin: https://www.linkedin.com/in/anurag-singh-web-developer/ 🌐 Instagram: https://www.instagram.com/procodrr/ 🌐 Twitter: https://twitter.com/anuragsinghbam 🌐 Telegram: https://t.me/+bq8CBsPL3Wc1MjU1 🌐 Discord: https://discord.gg/dMe9mer9B3 🌐 Portfolio: https://anuragsinghbam.com/ Music by geoffharvey from Pixabay
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
