44 | Themeable SVG Favicons

https://is1-ssl.mzstatic.com/image/thumb/Podcasts221/v4/7c/99/9e/7c999ede-70a2-8f34-3339-50cafd318598/mza_12391085593945925057.jpg/600x600bb.jpg

design-code.tips

ositaka

59 episodes

3 days ago

Welcome to design-code.tips — the podcast where modern web-dev, thoughtful UI design, and practical AI workflows converge. Each episode expands on a blog post from design-code.tips, adding audio-only extras: hands-on demos, performance tricks, and real stories from shipping products. Expect clear take-aways on React, Tailwind, accessibility, and how to leverage AI for faster prototyping and smarter coding. Created by Nuno Marques (a.k.a. ositaka) – your calm, actionable learning companion. (Episodes created with the help of Notebook LM.)

How To

Education

RSS

All content for design-code.tips is the property of ositaka and is served directly from their servers with no modification, redirects, or rehosting. The podcast is not affiliated with or endorsed by Podjoint in any way.

How To

Education

https://d3t3ozftmdmh3i.cloudfront.net/staging/podcast_uploaded_nologo/43939069/43939069-1750674875975-64f82b1907564.jpg

44 | Themeable SVG Favicons

design-code.tips

13 minutes 10 seconds

1 month ago

44 | Themeable SVG Favicons

Ever wondered how to create a favicon that adapts to light and dark mode? In this episode, we break down a step-by-step tutorial on building a themeable SVG favicon using CSS media queries. Learn how to link it in your HTML and test its adaptability across different themes. A small detail that makes a big difference in modern web design! Tune in to master this technique and level up your site’s branding.

Read the full blog post: How to Make a Themeable SVG Favicon