Wir haben dich gut unterhalten? Unterstütze uns mit einer <a href="https://wowirsindistvorne.show/spenden" rel="payment">Spende ♥</a>
Feedback? <a href="https://wowirsindistvorne.show/html-von-a-bis-z-z-iii-text-content/#comment-text">Kommentar</a> oder <a href="https://mastodon.social/@wwsiv">Mastodon</a>.
HTML, HTML, immer nur HTML! In unserer beliebten Reihe besprechen wir heute alles was mit HTML-Listen zu tun hat (menu, ol, ul, dl etc.) inklusive einiger Tricks die ol auf Lager hat. Dazu kommen die Klassiker p und div (is not a button) und erklären, warum letzteres nur verwendet werden soll, wenn einem gar nichts anderes einfällt. Dazu servieren wir den Termin für unser Hörer*innentreffen, versuchen iFrames ohne Reload zu verschieben und lernen mit welchem Tool man Bilder neu ausleuchten kann. 
Tsching·de·ras·sa·bum! &#x1f941;

Begrüßung – [00:00:54]



Retro



<ul>
<li>Moritz: Hörer*innen-Treffen – [00:04:22]
<ul>
<li><a href="https://ti.to/beyondtellerrand/dusseldorf-2023/with/cmayaqo2jfg,w4pawgaewwm" target="_blank" rel="noreferrer noopener">Anmeldung zum btconf Warmup</a></li>
</ul>
</li>



<li>Constantin: iframe-Reload beim Verschieben im DOM – [00:07:32]
<ul>
<li>Bug-Tickets: <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=254144" target="_blank" rel="noreferrer noopener">Mozilla</a> / <a href="https://bugs.webkit.org/show_bug.cgi?id=13574#c10" target="_blank" rel="noreferrer noopener">Webkit</a> / <a href="https://github.com/whatwg/html/issues/5484#issuecomment-620481794" target="_blank" rel="noreferrer noopener">WHATWG</a></li>
</ul>
</li>



<li>Moritz: <a href="https://strawpoll.com/polls/2ayLklxBBZ4/results" target="_blank" rel="noreferrer noopener">DJ-Namen Abstimmung</a> – [00:16:08]</li>
</ul>



Tagesthema – [00:20:23]



<ol>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ul" target="_blank" rel="noreferrer noopener">&lt;ul&gt;</a>, <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ol" target="_blank" rel="noreferrer noopener">&lt;ol&gt;</a>, <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/menu" target="_blank" rel="noreferrer noopener">&lt;menu&gt;</a> und <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/li" target="_blank" rel="noreferrer noopener">&lt;li&gt;</a> – [00:22:32]
<ul>
<li><a href="https://wowirsindistvorne.show/grosser-konzern-vs-kleine-klitsche/">Folge 9: Großer Konzern vs. Kleine Klitsche</a></li>



<li><a href="https://codepen.io/MoritzGiessmann/pen/KKVzgod" target="_blank" rel="noreferrer noopener">Moritz’ Demo</a> / <a href="https://codepen.io/Connum/pen/yLxdeRe" target="_blank" rel="noreferrer noopener">Constantins Fork mit noch mehr Edge Cases</a></li>
</ul>
</li>



<li><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/p" target="_blank" rel="noreferrer noopener">&lt;p&gt;</a> – [00:39:11]</li>



<li><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dl" target="_blank" rel="noreferrer noopener">&lt;dl&gt;</a>, <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dt" target="_blank" rel="noreferrer noopener">&lt;dt&gt;</a> und <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dd" target="_blank" rel="noreferrer noopener">&lt;dd&gt;</a> – [00:41:41]</li>



<li><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div" target="_blank" rel="noreferrer noopener">&lt;div&gt;</a> – [00:51:01]
<ul>
<li><a href="https://html.spec.whatwg.org/multipage/grouping-content.html#the-div-element" target="_blank" rel="noreferrer noopener">WHATWG Standard</a></li>



<li><a href="https://medium.com/@Cuadraman/how-i-approach-html-divitis-53368c5c0b1a" target="_blank" rel="noreferrer noopener">How I approach HTML Divitis</a></li>



<li><a href="https://benmyers.dev/blog/clickable-divs/" target="_blank" rel="noreferrer noopener">How (Not) to Build a Button</a></li>
</ul>
</li>
</ol>



GeilTeil: <a href="https://clipdrop.co/relight" target="_blank" rel="noreferrer noopener">Relight</a> von <a href="https://clipdrop.co/" target="_blank" rel="noreferrer noopener">clipdrop</a> – [01:04:09]



Das Ende – [01:10:40]

HTML, HTML, immer nur HTML! In unserer beliebten Reihe besprechen wir heute alles was mit HTML-Listen zu tun hat (menu, ol, ul, dl etc.) inklusive einiger Tricks die ol auf Lager hat. Dazu kommen die Klassiker p und div (is not a button) und erklären, warum letzteres nur verwendet werden soll, wenn einem gar nichts anderes einfällt. Dazu servieren wir den Termin für unser Hörer*innentreffen, versuchen iFrames ohne Reload zu verschieben und lernen mit welchem Tool man Bilder neu ausleuchten kann. 
Tsching·de·ras·sa·bum! 🥁

Wo wir sind ist vorne.

Heute: alles was mit HTML-Listen zu tun hat (menu, ol, ul, dl etc.) inklusive einiger Tricks die ol auf Lager hat. Dazu kommen die Klassiker p und div (is not a button).

HTML, HTML, immer nur HTML! In unserer beliebten Reihe besprechen wir heute alles was mit HTML-Listen zu tun hat (menu, ol, ul, dl etc.) inklusive einiger Tricks die ol auf Lager hat. Dazu kommen die Klassiker p und div (is not a button) und erklären, warum letzteres nur verwendet werden soll, wenn einem gar nichts anderes einfällt. Dazu servieren wir den Termin für unser Hörer*innentreffen, versuchen iFrames ohne Reload zu verschieben und lernen mit welchem Tool man Bilder neu ausleuchten kann. 
Tsching·de·ras·sa·bum! 🥁

PODLIST

HTML von a bis z-z III: Text Content

Wo wir sind ist vorne.