SVG-Sprites und andere Iconartigkeiten
Wo wir sind ist vorne.
German - February 28, 2021 11:00 - 1 hour - 104 MBTechnology Homepage Download Google Podcasts Overcast Castro Pocket Casts RSS feed
Iconisch! Iconartig! Sill-Icon! Wir besprechen die Geschichte von Icons im Web, begonnen bei GIFs über Iconfonts zu unserer aktuellen Empfehlung: SVG-Sprites. Nebenher zeigen wir die Magie hinter open-quote / close-quote in Pseudoelementen und präsentieren einen nagelneuen Spam-Spot!
(Wer den ironischen Twist sucht, der war heute leider aus 😓.)
Wir haben dich gut unterhalten? Unterstütze uns mit einer Spende ♥
Feedback? Kommentar oder Mastodon.
Iconisch! Iconartig! Sill-Icon! Wir besprechen die Geschichte von Icons im Web, begonnen bei GIFs über Iconfonts zu unserer aktuellen Empfehlung: SVG-Sprites. Nebenher zeigen wir die Magie hinter open-quote / close-quote in Pseudoelementen und präsentieren einen nagelneuen Spam-Spot!
(Wer den ironischen Twist sucht, der war heute leider aus 😓.)
Begrüßung – [00:00:54]
Golem: „Wissen für ITler – 11 tolle Tech-Podcasts“
Retro
Retro: Wo wir sind ist Video – twitch-Experiment – [00:04:22]
Wo wir sind ist vorne auf Twitch
Vite: Folge 20
Constantin: WebRTC / STUN- / TURN-Server – [00:10:44]
Podlovers Podcast: StudioLink mit Sebastian Reimers
Moritz: Eure Spenden und Kommentare – [00:14:50]
Constantin: npx npkill / npm durch pnpm ersetzen – [00:18:24]
Moritz: RE: git rerere – [00:25:50]
https://learngitbranching.js.org/?locale=de_DE
Constantin: Windows-Update brickt Laptop, Hardware-Geschraube – [00:28:55]
Moritz: Vodafone und kein Ende – [00:36:21]
Property der Woche: ::before/::after mit content: open-quote / close-quote – []
Leseempfehlung zu ::before und ::after
Spam-Spot: Lieber Geliebter – [00:45:55]
Music: „I’ll Be Right Behind You Josephine“ by Josh W oodward. Free download: http://joshwoodward.com/ (Creative Commons Attribution License)
Tagesthema: Icon-Systeme – [00:50:51]
1. Einfache Grafiken – [00:53:32]
2. handgemachte (PNG-)Sprites – [01:01:01]
3. Sprites automatisiert – [01:07:01]
4. Icon Fonts – [01:08:47]
5. Einzelne SVGs – [01:13:42]
6. SVG sprites mit und – [01:19:32]
CSS Tricks: <use> mit zwei Farben
7. SVG sprites mit und href-ID extern – [01:31:49]
CSS Tricks: <use> mit externer Referenz
GeilTeil:
Constantin: JavaScript counters the hard way – HTTP 203 – [01:40:35]
Moritz: History of Icons – [01:47:13]
Verabschiedung – [01:49:43]