CSS and SVG are very intertwined, and you can create a lot of unique effects by combining the two. This episode dives into a few CSS + SVG tips and tricks, including where and how to use SVG on your page, icon systems, color theming, adding animations, filter effects, and more!
Links
Solved with CSS: Colorizing SVG → https://goo.gle/3x0Uilb
SVGOMG → https://goo.gle/3hS6ksJ
SVG spec → https://goo.gle/3wVgRYe
Una Kravets (co-host)
Twitter | Instagram | YouTube
Making the web more colorful ✨🎨 Web DevRel @googlechrome Unicorn face host of @toolsday & Designing in the Browser 🎬
Adam Argyle (co-host)
Twitter | Instagram | YouTube
@GoogleChrome CSS DevRel; @CSSWG; VisBug maker; punk; CSS/JS/UX addict; 💀🤘
The CSS Podcast
#CSSpodcast
78: Season 4 wrap!
77: Why isn't percentage working here?
76: Why isn't my element stuck where I wanted it to stick?
75: Why isn't my custom property the value I expect?
74: How do I center a div?
73: Why is my animation glitching?
72: Why does my gradient have muddy colors in the middle?
71: Why do I have layout shift?
70: Why is my image distorted?
69: Why is it overflowing?
68: Why isn't the margin applying?
67: Why isn't z-index working?
66: Season 3 recap & what’s next!
65: Nesting
64: Subgrid
63: Media query range syntax
62: Color functions: An update
61 :has()
60: Inert
59: Container queries
Create your
podcast in
minutes
It is Free
Insight Story: Tech Trends Unpacked
Zero-Shot
Fast Forward by Tomorrow Unlocked: Tech past, tech future
The Unbelivable Truth - Series 1 - 26 including specials and pilot
A Prairie Home Companion: News from Lake Wobegon