February 28, 2021

SVG-Sprites und andere Iconartigkeiten

1 hour 53 minutes

Diese Sendung soll nie aufhören? 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]

MDN

Podlovers Podcast: StudioLink mit Sebastian Reimers

Moritz: Eure Spenden und Kommentare – [00:14:50]

Constantin: npx npkill / npm durch pnpm ersetzen – [00:18:24]

npx

npkill

pnpm

Moritz: RE: git rerere – [00:25:50]

https://learngitbranching.js.org/?locale=de_DE

git rerere

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 – []

Tweet von Stefan Judis

Leseempfehlung zu ::before und ::after

Codepen-Demo

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]

CSS Tricks: Sprites (2007)

3. Sprites automatisiert – [01:07:01]

spritesmith

4. Icon Fonts – [01:08:47]

fontawesome

icomoon

FOUT

Accessibility-Bedenken

5. Einzelne SVGs – [01:13:42]

6. SVG sprites mit und – [01:19:32]

svgstore sprite generator

svgo / SVGOMG

CSS Tricks: mit zwei Farben

7. SVG sprites mit und href-ID extern – [01:31:49]

CSS Tricks: mit externer Referenz

MDN

xlink href deprecated

SVG4Everybody

Icon Fonts vs SVG Icons

GeilTeil:

Constantin: JavaScript counters the hard way – HTTP 203 – [01:40:35]

Moritz: History of Icons – [01:47:13]

Verabschiedung – [01:49:43]

...more

View all episodes

By Moritz Glantz und Sarah Groß

February 28, 2021

SVG-Sprites und andere Iconartigkeiten

1 hour 53 minutes

Diese Sendung soll nie aufhören? Unterstütze uns mit einer Spende ♥

Feedback? Kommentar oder Mastodon.

(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]

MDN

Podlovers Podcast: StudioLink mit Sebastian Reimers

Moritz: Eure Spenden und Kommentare – [00:14:50]

Constantin: npx npkill / npm durch pnpm ersetzen – [00:18:24]

npx

npkill

pnpm

Moritz: RE: git rerere – [00:25:50]

https://learngitbranching.js.org/?locale=de_DE

git rerere

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 – []

Tweet von Stefan Judis

Leseempfehlung zu ::before und ::after

Codepen-Demo

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]

CSS Tricks: Sprites (2007)

3. Sprites automatisiert – [01:07:01]

spritesmith

4. Icon Fonts – [01:08:47]

fontawesome

icomoon

FOUT

Accessibility-Bedenken

5. Einzelne SVGs – [01:13:42]

6. SVG sprites mit und – [01:19:32]

svgstore sprite generator

svgo / SVGOMG

CSS Tricks: mit zwei Farben

7. SVG sprites mit und href-ID extern – [01:31:49]

CSS Tricks: mit externer Referenz

MDN

xlink href deprecated

SVG4Everybody

Icon Fonts vs SVG Icons

GeilTeil:

Constantin: JavaScript counters the hard way – HTTP 203 – [01:40:35]

Moritz: History of Icons – [01:47:13]

Verabschiedung – [01:49:43]

...more

More shows like Wo wir sind ist vorne.

View all

ARD Presseclub

27 Listeners

Bits und so

23 Listeners

Binärgewitter

2 Listeners

Freak Show

10 Listeners

Working Draft

0 Listeners

Stay Forever - Retrogames & Technik

33 Listeners

Logbuch:Netzpolitik

7 Listeners

Methodisch inkorrekt!

17 Listeners

Schleifenquadrat. Der Apple-Podcast von Mac Life.

2 Listeners

Lage der Nation - der Politik-Podcast aus Berlin

242 Listeners

programmier.bar – der Podcast für App- und Webentwicklung

0 Listeners

kurz informiert by heise online

2 Listeners

Piratensender Powerplay

3 Listeners

Engineering Kiosk

0 Listeners

KI-Update – ein heise-Podcast

6 Listeners

Share SVG-Sprites und andere Iconartigkeiten

Sign up to save your podcasts

SVG-Sprites und andere Iconartigkeiten

SVG-Sprites und andere Iconartigkeiten

More shows like Wo wir sind ist vorne.

ARD Presseclub

Bits und so

Binärgewitter

Freak Show

Working Draft

Stay Forever - Retrogames & Technik

Logbuch:Netzpolitik

Methodisch inkorrekt!

Schleifenquadrat. Der Apple-Podcast von Mac Life.

Lage der Nation - der Politik-Podcast aus Berlin

programmier.bar – der Podcast für App- und Webentwicklung

kurz informiert by heise online

Piratensender Powerplay

Engineering Kiosk

KI-Update – ein heise-Podcast