Uploaded March 2025 | Updated September 2026, 2 hours ago
Find out how you can use values from HTML attributes in CSS, why you should avoid custom properties in shorthand properties, how users with visual impairments perceive your colors, and more.
🔥 Free Online Security Bootcamp: cssw.io/cloudways-security-bootcamp
🔗 Chapters / Links
00:00 Intro
00:30 How to Use attr() in CSS for Columns, Colors, and Font-Size: frontendmasters.com/blog/how-to-use-attr-in-css-for-columns-colors-and-font-size
03:30 Maybe don't use custom properties in shorthand properties: https://www.matuzo.at/blog/2025/invalid-custom-properties-in-shorthands
05:00 Free Online Security Bootcamp: cssw.io/cloudways-security-bootcamp
06:23 Page Speed: Avoid Large Base64 data URLs in HTML and CSS: debugbear.com/blog/base64-data-urls-html-css
08:11 Who can use this color combination? whocanuse.com
09:35 CSS Scroll Indicator: codepen.io/konstantindenerz/pen/dPyzqaZ
Subscribe to CSS Weekly Newsletter:
💌 css-weekly.com
Help support my channel
💖 Support CSS Weekly on Patreon: patreon.com/cssweekly
☕️ Buy Me a Coffee: buymeacoffee.com/cssweekly
🪧 Buy CSS Stickers pack: stickers.css-weekly.com
👨🎓 Get a course: masteringlinting.com
Keep up-to-date with CSS Weekly:
🦋 Bluesky: https://bsky.app/profile/cssweekly.com/
🐦 Twitter: twitter.com/@cssweekly
🎶 TikTok: tiktok.com/@cssweekly
🎇 Instagram: instagram.com/cssweekly
📘 Facebook: facebook.com/CSSWeekly
Keep up to date with what I'm up to:
👨💼 Blog: zoranjambor.com
💼 LinkedIn: linkedin.com/in/zoranjambor
- Zoran Jambor
#css #frontendnews
Find out how you can use values from HTML attributes in CSS, why you should avoid custom properties in shorthand properties, how users with visual impairments perceive your colors, and more.
🔥 Free Online Security Bootcamp: cssw.io/cloudways-security-bootcamp
🔗 Chapters / Links
00:00 Intro
00:30 How to Use attr() in CSS for Columns, Colors, and Font-Size: frontendmasters.com/blog/how-to-use-attr-in-css-for-columns-colors-and-font-size
03:30 Maybe don't use custom properties in shorthand properties: https://www.matuzo.at/blog/2025/invalid-custom-properties-in-shorthands
05:00 Free Online Security Bootcamp: cssw.io/cloudways-security-bootcamp
06:23 Page Speed: Avoid Large Base64 data URLs in HTML and CSS: debugbear.com/blog/base64-data-urls-html-css
08:11 Who can use this color combination? whocanuse.com
09:35 CSS Scroll Indicator: codepen.io/konstantindenerz/pen/dPyzqaZ
Subscribe to CSS Weekly Newsletter:
💌 css-weekly.com
Help support my channel
💖 Support CSS Weekly on Patreon: patreon.com/cssweekly
☕️ Buy Me a Coffee: buymeacoffee.com/cssweekly
🪧 Buy CSS Stickers pack: stickers.css-weekly.com
👨🎓 Get a course: masteringlinting.com
Keep up-to-date with CSS Weekly:
🦋 Bluesky: https://bsky.app/profile/cssweekly.com/
🐦 Twitter: twitter.com/@cssweekly
🎶 TikTok: tiktok.com/@cssweekly
🎇 Instagram: instagram.com/cssweekly
📘 Facebook: facebook.com/CSSWeekly
Keep up to date with what I'm up to:
👨💼 Blog: zoranjambor.com
💼 LinkedIn: linkedin.com/in/zoranjambor
- Zoran Jambor
#css #frontendnews
