Wo wir sind ist vorne.

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 mi...

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...

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 ma...

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 he...

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-Meltdo...

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,...

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 ze...

Wir sind zurück! Die Welt dreht durch, alles wird teurer, zum Glück gibt es mit der Rückkehr von #WWSIV eine Konstante, einen Rettungsanker im Developer-Leben. In unserer Staffel-Anfangs-Retro sprechen wir über CSS-Tricks, Smarthome, Heizthermostate, Solarladegeräte und ganz viel AI-Bildgenerierung mit DALL-E, Midjourney oder auf dem eigenen Rechner mit Stable Diffusion und warum wir glauben, dass...

In unserer vorerst letzten Folge widmen wir uns euren Kommentaren dieser Staffel. Tastaturen, Houdini, Transitions, Gärten, CSS Columns, CSS Variablen, Lob und Kritik. In dieser Folge ist für jede*n was dabei! Dazu reichen wir noch musikalisches Geilteilmaterial und Kofferwörter galore. Am Ende besprechen wir noch die Zukunft dieses Podcasts und geben einen kleinen Ausblick wie es weiter geht. Bis...

Tadaaa! Mit :has() bekommt CSS endlich den Parent-Selector, den es verdient! Wir sprechen über seine Geschichte, Praxisbeispiele, Edgecases und den langen Weg von Idee zur Umsetzung. Dazu reichen wir noch ein bisschen Retro-Flausch, verzehren Hörer-Bier und Moritz stiftet noch ein bisschen Verwirrung as a Service! Mega! Gratis! Fresh! ✨

Hast du dich als Developer*in auch schon mal entkoppelt von der „echten Welt“ gefühlt? Statt den 25. Browserbug zu fixen mal in die Natur und mit den Händen in der Erde wühlen? Unser Gast Anselm Hannemann hat im Gärtnern sein persönliches Glück gefunden. In dieser Folge erzählt er uns seinen Weg vom Frontend-Freelancer zum (Teilzeit) Gemüsegärtner, wie er die lokale Community mit Gemüse versorgt u...

Unter dem Motto: „Knackig, Zackig, Frisch“ besprechen wir das neue , das alles können soll, was wir bei bislang vermisst haben. Und es kann mehr als vielleicht gut wäre.. Dazu servieren wir noch CSS cross-fade() und bekommen dazu live während der Sendung Feedback von Tab Atkins. Und Füchse, wir brauchen mehr Füchse! Ihr seht dann schon warum. ✨

JavaScript Galore! Wir machen einen Schwenk über die Auswertung der "State of JS 2021"-Umfrage, finden darin Besonderes und Bemerkenswertes. Dazu reichen wir die berantenswerte CWA-Situation und empfehlen mal den Twitter Gender-Test zu machen. Läuft.

Aus unserer beginnenden Serie "Rage macht die Nase frei" präsentieren wir unsere bislang längste Retro, gefüllt mit Corona-Warn-App-Wahnsinn, Wortspielen, Tastaturstickern, Selbständigkeitserkenntnissen und Twitch-Stream-Chat-Code-Basteleien. Als Beilage servieren einen Ausblick auf die Zukunft der Array-Sortierung (Array.prototype.groupBy) und verlieren uns im endlosen Canvas-Konfettiregen. Das k...

In unserer ersten Folge 2022 besprechen wir Interessantes aus dem Web Almanac 2021, also z. B. die beliebtesten JavaScript Frameworks und Libraries, wie es im Web mit Komprimierung ausschaut, die beliebtesten CSS-IDs, Klassennamen, Einheiten, Farbnotationen und vieles mehr! Zusätzlich werfen einen Blick auf den Accessibility-Zustand des Webs und erklären die CSS-Pseudoklasse :target. Vollangriff a...

Spezialfolge: GeilTeile satt! Unsere GeilTeil-Liste war so lang, dass wir eine ganze Folge draus gemacht haben! Die letzte Folge des Jahres ist voller Tools, Tipps und Denkanstöße fürs neue Jahr. Zusätzlich sprechen wir noch darüber welche neuen Regeln ab Dezember 2021 für Internet- und Handyverträge gelten (Stichwort: Gesetz für „faire Verbraucherverträge“). Lasst euch verzaubern! 💫

Wer füllt die Lücke zwischen UX-Designern und Software-Engineers? HTML lernen? Wozu? Warum Accessibility und wie? Unser Gast Dirk Ginader erklärt uns die Rolle von UX-Engineers bei Google, wie der Konzern Barrierefreiheit in seine Prozesse implementiert hat und was es neben Bällebädern, Sterneköchen und Massagen noch über die Arbeit beim Suchmaschinenriesen zu wissen gibt. Dazu reichen wir die CSS...

Schnell, schneller, performant! Zusammen mit Performance-Papst Christian "Schepp" Schaefer liefern wir einen der gewaltigsten Gesamtabrisse über Performance im Web: Von Time to First Byte (TTFB) und First Contentful Paint (FCP) über den Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS), Renderzeiten, flüssigen Animationen, Prefetching, HTTP-Headern und Caching bis hin zu Performance-Te...

Es war wieder "State of CSS"-Time! Kennst du schon "break-before", "mix-blend-mode", "@scroll-timeline" und weißt wie Container Queries funktionieren? Wie steht’s mit "color-gamut", "perspective" oder Intrinsic Sizing mit z. B. "fit-content"? In dieser Folge besprechen wir wieder die Eigenschaften, die uns aus der Umfrage noch unbekannt waren, unseren Geburtstagsstream und rätseln über die Zukunft...

Strings bereinigen mit Web-Standards! Was klingt wie ein Arbeitsauftrag der Wäscherei vom Puff nebenan, könnte bald Einzug in die Browserwelt halten: die HTML Sanitizer API! Sie tritt an um HTML Strings, die mit JavaScript gebaut werden, endlich sicher, und Libraries wie DOMPurify überflüssig zu machen. String rein, sicheres HTML raus. Wie, was, wo und warum erklärt uns Frederik Braun, Staff Secur...

In unserer Sommerpausen-End-Retro gibt es viel zu besprechen. Werden alert(), prompt() und confirm() abgeschafft? Sind in Zukunft alle Klammern bunt? Kann man vermeintlich kostenlosen Stockbilderportalen wie z. B. Unsplash oder Pixabay trauen, oder drohen Abmahnungen und Abzocke? Kann man Tastaturen mit Reis wiederbeleben? Hat sich Apple heimlich gegen Constantin verschworen? Ihr seht schon, die L...

Staffelfinale! Der Sommer ist da, #WWSIV paukt vor der Sommerpause nochmal auf die Haue, ach nee, andersrum. Wir schauen zurück auf die Highlights aus Staffel 2 und erzählen was sich seitdem geändert hat. Außerdem stellen wir euch unterschätzte Design-Tools vor und zeigen euch was mit dem autocomplete-Attribut so alles möglich ist. Bleibt uns gewogen. Wir hören uns im September wieder. 💋💋💋

Jenseits von Grid, Color und Width tauchen wir ein, in die dunkle Welt der wenig bekannten CSS-Features. Kennst du z. B. schon "image-rendering", "aspect-ratio", "touch-action", oder "overscroll-behavior"? Wir auch erst seit dieser Sendung. Dazu kündigen wir noch unser offizielles Merch an und erklären, warum die Tech-Commuity vermutlich vor allen anderen geimpft sein wird. Fun Fun Fun!