Wo wir sind ist vorne.

Unsere „Hey Tut Mir Leid“-Serie geht weiter! Wir versuchen uns an einer semantischen Entwirrung der Elemente b, strong, i und em, erklären wofür bdi und bdo gebraucht werden und wurschteln und noch durch die Specs von dfn, kbd und mark. Dazu zeigen noch wir wo man GitHub Repo Statistiken findet. Wir hören uns wieder im Mai!

Zurück aus der Winterpause sprechen wir in unserer HTML-Serie über das HTML-Tag, das dem World Wide Web seine Fäden verleiht: Das A-Tag, auch bekannt als Link (nicht der der immer mit der Prinzessin verwechselt wird). Dabei geht es um alle möglichen bekannten und unbekannten Attribute, Protokolle (mailto: mit Soße und Scharf), aber auch Barrierefreiheit, Styling und UX. Schärft eure Schwerter, Kopfhörer auf und rein da!

Zu Weihnachten eine Folge mit Gast! Mit Matthias Pfefferle sprechen wir über den aktuellen Stand des Fediverse, Mastodon, die Arbeit bei Automattic (WordPress) und sein ActivityPub Plugin. Dazu gibt’s noch native Input-Switches und eine weihnachtliche CSS-Farben-Geschichte. Merry X-(HTML)-MAS!

Die Highlights aus der „The state of HTML“-Umfrage! Wir sind zurück (wenn auch nur kurz, weil Sabbatical und Reisen und so) und haben eine bunte Wundertüte HTML im Ge(p|b)äck! Für euch haben wir uns die erste State of HTML-Umfrage angeschaut und über unsere Highlights, neue Elemente, Attribute und APIs gesprochen. Als da wären selectlist, contenteditable="plaintext-only", Akkordeons mit purem HTML, die Popover-API, das Model-Element und vieles vieles mehr! Kurz und knackig, aber zackig! ❤️

Die letzte Folge vor der Sommerpause! Wir ＜b＞ sprechen die HTML-Elemente blockquote, figure, figcaption, hr und pre. Dazu gibt’s eine Prise Support-Gerante und -Gelobe, komische Windows-Ordnernamen und ein CSS-Geilteil. Für spitzfindige Wortspüle ist es leider zu heiß. Sorry!

Heißer als der Sommer ist nur #WWSIV mit Marc Thiele! Wir sprechen über seine ganze Historie der Konferenzen, von FFK bis zur Beyond Tellerrand, wie man Sprecher*innen auswählt, welche Venues gut sind und wie viele Details eine gute Konferenz ausmachen. Dazu gibt’s noch Buchtipps, Musik-Empfehlungen, das prefers-contrast Media-Query und ein geiles Teil. Das alles in nur zwei Stunden. Hot!

Für unseren ersten LIVE-Podcast vor echtem Publikum, haben wir die schönsten Merkwürdigkeiten und Frontend-Demos ausgegraben, die wir bislang so hier hatten. OL-Edgecases, schlimm animierte Scrollbalken, Selectmenu, Regenbogen-Cursor und was sonst nebst obligatorischem Gelaber in die knappe Stunde passte, die wir zur Verfügung hatten. Wers visueller mag, kann sich den Video-Mitschnitt ansehen (Shownotes). Eine Sendung für den/die Kenner*in.

Da sinnwa wieder! Eine kleine, aber feine Folge zum wieder rein kommen. Wir besprechen die CSS-Popover API, die WebAIM Million Accessibility-Auswertung und kündigen zukünftige Live-Auftritte an, z.b. eine Live-Podcast-Aufnahme bei der GPN21. Aber täuscht euch nicht, wir haben noch Großes vor!

Wir waren in Düsseldorf auf der Beyond Tellerrand Konferenz und berichten von Talks und Treffen und Essen und Menschen. Beim Hörer*innentreffen trafen wir zum ersten Mal im Real Life auf euch, die beste Community der Welt, aber auch Gäste dieses Podcasts. Dazu gab es nicht zuletzt eine Menge toller Vorträge bei der bestenWebKonferenzWoGibt™️ #klassenfahrt. Hach war das schön ❤️

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! 🥁

Lobsteriooo, Lobsteriaaaaa! Mit Manuel Matuzović sprechen wir über seine Computergeschichte, Accessibility, HTMLHell, 100DaysOfCss, Motivation und wie man es schafft viele Dinge auf einmal zu machen. Dazu gibt’s eine CSS-Property die es schon lange gibt, aber uns dreien lange unbekannt war und das ganze Accessibility Toolset von Manuel. Achja. Fast vergessen: 🦞🦞🦞

Als kurze Verschnaufpause zwischen dem Trommelfeuer der HTML-Elemente präsentieren wir euch 4 eher unbekannte Properties. Darunter CSS margin-trim, leading-trim (+ text-edge), die JavaScript Local Fonts API und JavaScript Intl.Segmenter(). Dazu gibt es unter anderem unsere Faxnummer und das Geilteil ist diese Mal etwas zum Rumspielen. Flutschi plutschi bäng bäng!

Entwickler*innen, Entwickler*innen, Entwickler*innen! Semantische Inhaltssektionierungselemente sind das Thema. Weil so keiner bei Google findet: wir sprechen über die HTML-Elemente die den Inhalt grob strukturieren, wie header, footer, main, section, article etc. Dabei geht’s auch mal in die eine oder andere Untiefen der impliziten roles. Dazu servieren YouTube CSS-Tutorials und zeigen was man mit der Shape-Detection API so anstellen kann. Wer in der HTMHölle lebt, wird diese Sendung lieben!

Jetzt ist es wieder mal soweit es war auch allerhöchste Zeit, sprechen über HTML, tut uns furchtbar leid! Wie immer länger als der Rest, also bitte keinen Neid, halt der lab’rigste Podcast, bei aller Bescheidenheit! Haben wir euch gefehlt? Habt ihr uns vermisst? Ist euch jetzt klar, dass mit Frontend die Welt schöner ist? Seid ihr wieder froh? Na, was für ein Glück, Wir sagen hallo welt!, denn wir sind zurück! Wir lungern in Social-Media rum, HTML von a-z, wir fangen an mit title, base, html und link und head! Die neue Serie hat zum Ziel, HTML und davon viel, und einmal komplett durch die Spec, von head bis track! Habt ihr uns vermisst? Haben wir euch gefailt? Habt ihr heimlich geweint und die Tage gezählt? Ja, wir sind zurück – es riecht nach CPU, Wo wir sind ist vorne, aus Kallsruuuh! Wie ein Merge-Konflikt in einem Git-Repository, Wie ein plötzlicher Error in der schönsten CSP, Die einen finden’s Schei�e, die ander’n finden’s stark Genau wie jedes Jahr: Wir sind wieder da!

Wir sprechen über die aktuelle AI-Landschaft in Form von AI-Bildgeneratoren wie Midjourney, Dall-e und Stable Diffusion, aber auch Text-AI wie ChatGPT und zeigen, dass AI sogar mittlerweile Musik machen kann. Außerdem: Welche Web-Technologien sind neu am Horizont und was kam nicht so richtig in die Pötte. Dazu resümieren wir über den feuerspeienden Scheiße-Twi(s)tter und geben Empfehlungen, wie man es im Homeoffice schön kuschlig hat. Die Zukunft ist Pink! 💖

In dieser Folge tauchen die Moderatoren Moritz und Constantin in die spannende Welt der Sicherheits-Header und CSPs ein. Sie diskutieren die Bedeutung des Content-Security-Policy-Headers zum Schutz Ihrer Website vor XSS-Angriffen und die Nützlichkeit der Pseudoklasse :read-write. Aber gerade wenn Sie denken, Sie hätten alles gehört, kommt das Duo mit einer überraschenden Wendung: Es stellt sich heraus, dass ihr ganzes technisches Fachwissen nur ein cleverer Trick war, um von der Tatsache abzulenken, dass sie vergessen haben, ihre eigene Website zu sichern! Ups. – Geschrieben von chatGPT, übersetzt mit Deepl. Verrückte Zeiten.

Indie Web, Open Web, Websemantics, Microformats, Open Graph, Schema.org! Mit unserem Gast Matthias Pfefferle verschaffen wir uns einen Überblick über den aktuellen Stand der Websemantics und wie sie dazu beitragen das Web besser zu strukturieren und durchsuchbar zu machen. Dazu lernen wir, warum die eigene Website immer noch der beste Weg ist im Web zu publizieren, sprechen über den Twitter-Meltdown + Fediverse und zum Abschluss gibt es noch Blasmusik. Wir hatten Spaß. Und ihr?

Bunt! Laser! Blink blink! Zusammen mit Tim Pietrusky, aka NERDDISCO, betreten wir die Welt des Creative Codings mit Web Technologien. Mit Hilfe der Web-Audio API, Web-MIDI, Web-USB, ThreeJS und diverser Hardware wie Mikrocontrollern und LEDs macht Tim bewegtes Licht zu Musik und vieles mehr! Im Gespräch gibt er interessante Einblicke in seine Projekte, seinen Workflow und wertvolle Tipps für alle, die auch mal mit JavaScript LEDs zum blinken bringen wollen. Zusätzlich gibt Constantin einen Einblick in CSS Interaction Media Features und wir jammen eine Runde auf PLINK! Piu Piu Piu 🪩

Der 🔥te 💩 aus der aktuellen „State of CSS“-Umfrage kompiliert in ein bitgewordenes Audioerlebnis! U.A.: neue CSS-Einheiten für Viewports, einfärbbare Schriftarten, Trigonometrie mit CSS, Nesting, neue Möglichkeiten Bilder zu beschneiden, HDR-Farben und vieles vieles mehr! Dazu reichen wir einen einfachen Trick Google-Font DSGVO Abmahnungen zu vermeiden + Serien und Filmempfehlungen. BÄM!

Kennt ihr auch dieses drängelnde Bedürfnis eure Websites so richtig zu überwachen und jede noch so kleine Änderung im Verhalten mitzubekommen? Such nicht länger! Wir erklären wie ihr DOM-Änderungen mit Mutation-Observern, die Abmessungen von Containern mit Resize-Observern und die Sichtbarkeit von Elementen mit Intersection-Observern überwachen könnt. Da bleibt kein Web-Stasi-Auge trocken! Dazu zeigen wir noch, warum das Input-Event das überlegene aller Form-Events ist und beantworten die Frage, welche Devtools-Features in welchem Browser zu finden sind. Observer APIs! Damit werden Sie geholfen!