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 bald, wir sehen uns auf Twitch! 😘
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 und ihm die Arbeit im Garten den Spaß am Web-Development zurück gebracht hat. Dazu gibt es nützliche Tipps für den eigenen Garten, einen Mini-Ausflug zu CSS :part, :theme und :host und einer Methode, wie man seinem persönlichen Glück näher kommen kann. Hachja. ❤️
Unter dem Motto: „Knackig, Zackig, Frisch“ besprechen wir das neue <selectmenu>, das alles können soll, was wir bei <select> 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 kommt raus, wenn wir versuchen eine kurze Sendung zu machen. 🙄
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 auf 2022! Jetzt!
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-Properties „widows“ & „orphans“ und bringen mit CSS-Art unsere Lüfter zum glühen. Eine vorweihnachtliche Folge zum Liebhaben. Hach!
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-Testing-Tools wurde wirklich nichts ausgelassen was man zu guter Web-Performance wissen muss. Nebenher besprechen wir CSS „input-security“. Unsere bislang kompletteste Themensendung. Zack zack!
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 der Entwicklung mit GitHub Copilot. Wer die „17 CSS-Eigenschaften, die wir noch nicht kannten“ mochte, wird diese Folge LIEBEN! ❤️
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 Security Engineer bei Mozilla und Mitverfasser des W3C Standard-Drafts. Dazu berichten wir noch vom Twitch Leak, und Constantin erklärt und die CSS-Eigenschaft „offset“. Eine Runde Sache (die ins Eck musste, oder so).
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 List ist schier endlos. Bei (belgischem) Bier besprechen wir mal wieder die schönste Nebensache der Welt. Achja, Coding. Darüber reden wir auch.
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!
Developer Advocacy meets VSCode meets MS-Edge. Mit unserem Gast Christian Heilmann sprechen wir darüber, wie es ist, für große Firmen auf noch größerer Welttournee zu sein und wie Microsoft derzeit daran arbeitet, VSCode mit Edge zu einem noch besseren Entwicklererlebnis zu machen. Nebenbei streifen wir noch CSS color-contrast() und warum FirefoxOS vielleicht gar keine so schlechte Idee war. Ein Spaß für die ganze Familie!
Zur Staffelmitte gibt’s Podcast Technik! Wir stellen die Technik und den Workflow hinter #WWSIV vor. Dabei sprechen wir über Audiosoftware, Mikrofone, Audiointerfaces, Wordpress, Podlove, StudioLink und alles was man so braucht. Bis auf Kabel, aber Kabel mag eh keiner.
Dazu servieren wir noch eine Scheibe CSS accent-color und fabulieren über die digitale Zukunft von weltweiter Bildung. 🔥 Lit.
Wir haben gerufen, der Git-Missionar hat geantwortet! Nachdem wir immer wieder von Git-Wehwehchen berichtet hatten, haben wir diesmal Verstärkung! Unser wunderbarer Gast Michael van Engelshoven erklärt die Grundkonzepte hinter der Versionsverwaltung Git und bringt Licht in unsere dunkelsten Git-Wissenslücken. Dabei besprechen wir neben bekannten Konzepten wie commit, pull, push und merge auch Squashing, Rebasing, Workflows, GUIs, Tools und wie gute Commit-Messages aussehen sollen. Um alles zu verstehen müssen wir selbst die Sendung noch ca. 493 Mal hören, aber hey, hat ja keiner gesagt, dass das hier ein Spaziergang werden würde. Deep.
VSCode, SublimeText und IntelliJ, MS Frontpage, Dreamweaver und SVG… Schluss jetzt mit schlechten Anspielungen auf Songs der späten 90er! Wir besprechen, welche Editoren und IDEs wir im Einsatz haben und zeigen unsere besten (VSCode) Plugins. Dazu reichen wir die schwarze Magie hinter SVG und entführen euch in virtuelle Welten.
(Folgenbeschreibungen liest niemand bis zum Ende, oder? )
In Farbe uund buunt! Wir gehen live auf Twitch! Am Freitag den 26.03.2021 zeigen wir zum ersten Mal (der Test gilted nicht) unsere Radiogesichter live im Interwebz. Geplant ist unter anderem, Constantins Browser-Livestreamingsoftware zu zeigen und natürlich auch der Austausch mit euch! Stellt euch schon mal ein Getränk kalt und sonnt euch mit uns gemeinsam im Monitorlicht. Wir haben Bock!
https://twitch.tv/wwsiv
Wir begeben uns in die Welt der (Web-)Standards und Best-Practices die wenig genutzt werden, unterschiedlich implementiert sind oder sich nie etabliert haben. Das führt über Registrierungen und Authentifizierungsmethoden über Formularstyling zu Bildformaten und Videoplayer-Usability. Nebenbei zeigen wir euch, wie man per CSS den Cursor in Regenbogenfarben blinken lassen kann und zeigen, dass VSCode auch im Browser laufen kann. Ein bunter Strauß Themen (Allergikerfreundlich!).
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 😓.)
Aufgebrochen, um den Folgenlängenrekord zu brechen, sprechen wir über AOL-CDs, alte und neue (IT-)Technik und unsere verworrenen Programmierer-Wege aus grauer Vorzeit ins Jetzt. Nebenher zeigen wir was clip-path so alles kann und haben neue Hörbuch-Empfehlungen für euch. Eigentlich sollte der DAZN-Praktikant unseren Sendungstitel schreiben, aber wir wurden leider von seinem Wish-Pendant wyld weggeflext. AMK!
Auferstanden von den Toten! #WWSIV ist zurück! In unserem Scrolling-Spezial sprechen wir über Scroll-Snapping, overflow-anchor, smoothes Scrolling und Scrollbar-Design, das einen das Fürchten lehrt. Dazu erzählt Moritz welche seine langjährigen Liebslingsapps sind und Constantin berichtet von freshem ViteJS Frontend-Tooling. Ein gelungener Wiedereinstand ohne Risiken.
In der letzten Folge des Jahres resümieren wir über ein Jahr voller neuer JS/ES/CSS Features und schauen in die Glaskugel für 2021. Ob Flexbox-Gap, String.prototype.replaceAll() oder Logical Assignment Operators. Wir haben sie alle! Daneben sprechen wir über die Web Neural Network API und kündigen unsere Weihnachts-Verlosung an. Heute ist nicht alle Tage, wir hör’n uns wieder, keine Frage!
Selbständigkeits-Spezial! Mit unserem Gast Fabian Groß besprechen wir was man als Anfänger über Selbständigkeit wissen sollte: Rechtsformen, was in eine ordentliche Rechnung gehört, Steuern, Stundensätze, Akquise, IHK, Künstersozialkasse und wer am Ende alles noch die Hand aufhält und Geld von einem will. Die Häppchen schmieren sich schließlich nicht von alleine!
Befeuert von leckerem HörerInnenbier tauchen wir ein in die Untiefen der (Tagged) Template Literals und erklären, warum sie der derzeit coolste Weg sind, in JavaScript Strings und Variablen miteinander zu verheiraten. Dabei sprechen wir auch über die XSS-Sicherheit von JS-Strings im Allgemeinen. Nebenher lernt ihr, wie man PC-Shortcuts auf dem Mac verwenden kann und mit welchen Hacker-Tools ihr vor euren FreundInnen angeben könnt. Eine runde Sache. So wie Käse.
Willkommen zum offiziellen #WWSIV-Audiokommentar von „The State of CSS“! Hier bleibt keine Wissenslücke verborgen und kein Feature unangetastet. Wir füllen gemeinsam die Umfrage aus, kommentieren, bewerten und entdecken die eine oder andere Perle.
Neben einem frisch dampfenden Spamspot erläutern wir noch die Tücken von :focus-visible und lassen uns in die WASM-Welt der singenden Münder entführen (aus der es kein Zurück gibt). Ein Heidenspaß für die ganze Familie (ab 18)!
TAGS TAGS TAGS! Moritz hat sich an Spaghetticode verschluctk. Ein Anlass mit euch über semantisches HTML zu reden, frei nach dem Motto: 🎶 Wieso? Weshalb? Warum? Wer nicht fragt bleibt unedukiert. 🎵
Bonusmaterial: Die 5 hinreißendsten Text-Dekorationen von Constantin (🔥🔥🔥), die erotischsten HTML-Tags (vielleicht gelogen) und ein überaus maßvoller Spam-Spot.
Bäm! Zurück aus der Sommerpause begrüßen wir mit Gerrit van Aaken unseren ersten echten #WWSIV-Gast! Begebt euch mit uns auf eine Achterbahnfahrt durch die Typografie im Web, von PHP-Image-Replacement über sIFR und cufón bis hin zu @font-face und variablen Fonts. Nebenher sprechen wir über unicode-range, diverse Font-Features, Mate, Fahrräder und ihr werdet Zeuge unserer ersten Live-Podcast-Spende. Wie immer getreu unserem Motto: alles neu macht der September!
Aus dem Versuch, ein kurzes Lebenszeichen aus der Sommerpause abzusetzen, wurde in gewohnter WWSIV-Manier mal eben eine halbe Stunde. Vollgestopft mit (exklusiven!!11) Tech-News, Blödeleien und eigens kreiertem Biermischgetränk verraten wir euch außerdem, auf was ihr euch in der ersten Folge von Staffel 2 freuen könnt. DISCLAIMER: Dies ist keine richtige Folge! Zwinker-Smiley.
Alles hat ein Ende nur #WWSIV hat viele! Im Finale der ersten Staffel schauen wir zurück auf ein halbes Jahr Podcast, zu welchen der Themen es neue Entwicklungen gibt und was sich seit Folge 0 verändert hat. Daneben berichtet Constantin von seinen ersten Erfahrungen mit Rust und wir schauen in die Browser-Feature-Glaskugel für die kommenden Releases. Ende September kommen wir zurück mit Staffel 2, Freudentränen und Lachsalven. Bis dahin schickt ihr uns eure Lieblingsbiere, bleibt uns gewogen und empfehlt uns weiter! Auf bald!
Container Queries, Background-Opacity, Multiple Pseudo Elements, der Wahnsinn nimmt kein Ende! Wir werfen sechs weitere CSS-Schnipsel in den Wunschbrunnen, ranten über ISPs, spielen mit mask-image und lassen euch an den Merkwürdigkeiten von Ebay-Kleinanzeigen-Dialogen teilhaben. Das erste Sequel das besser ist als das Original. Versprochen.
Schon mal die am höchsten gewertete Antwort zu einer Frage auf Stack Overflow gelesen und gedacht: geht das nicht in GEIL? Vielleicht mit CSS ohne JS-Polyfill? Wieso hat das noch keiner standardisiert? Wir spielen „CSS-Wünsch-dir-was“ und starten eine Liste der Most-Wanted-CSS-Features 2020 (Bindestriche-für-alle!-!) Passend dazu stellt Constantin die noch dampfend frischen :is()- und :where()-Pseudoklassen vor und Moritz enthüllt seine heimliche Liebe zu Klett-Kabelbinder. Eine Serie die fortgesetzt werden wird. Und Futur II ohne Reue.
Politik vs. Smoothies trinken, Prozess vs. Zuruf. Constantin und Moritz vergleichen ihre alltäglichen Abläufe und vereinen dabei Welten, deren Aufeinandertreffen so manchem den Schweiß auf die Stirne treibt. Eine Folge voller vereinender Gegensätze und gegensätzlicher Vereinigungen. Nur eins scheint sicher: der Nerd-Witz steckt in Erklärungsnot. (Automatisch generierte Beschreibung, auch ohne Unterschrift gültig)
Jeder kennt ihn, den Moment, wenn aus Magie plötzlich Erkenntnis, aus fremden Zungen Muttersprache und aus Kauderwelsch die Erleuchtung erwächst. Wir berichten über die für uns prägenden Heureka-Momente, angefangen bei Textdateien über CSS bis hin zu node_modules. Zusätzlich erklärt Constantin noch die Dreifaltigkeit der Text-Farbverläufe und Moritz spricht zum ersten Mal unzensiert über seine heimliche Liebe zu Einzeilern. Eine Sendung die Mut macht.
Unic�de, :Shortcodes:, oder doch einfach eine ＜img src=“Grafik“＞? Wir begeben uns tief in die Welt der Emojis, (🧉🍕🤮💩😹🇯🇵) sprechen dabei über verschiedene Implementierungsansätze, Libraries und FUN FUN FUN! Nebenher ist die Sendung noch der ultimative weltweit anerkannte „WWSIV-Emoji-Acid-Test“ für Emoji-Support in deinem Podcatcher. Wäre das Thema einfach, hätten wir keine Sendung dazu gemacht. Versprochen.
In dieser Episode erläutern die beiden zauberhaften Moderatoren das Hexenwerk hinter Houdini, klären dessen Browsersupport und fragen sich, warum das Thema nach Jahren der Entwicklung noch keinen magischen Hype erreicht hat.
Daneben geht es noch um die richtig falsch verwendete CSS-Property scroll-margin-top und Codevervollständigung wie von Geisterhand. Eine Sendung wie eine Käsereibe. Schlechte Wortspiele gratis.
Zugriff auf 50% mehr Farben auf eurer Website, mit diesem einfachen Trick! Die Farben deiner Website sehen flach und verwaschen aus? Das muss nicht sein! (/clickbait). Wir sprechen über Farben im Browser: Hexadezimal, RGBA, HSL und den neuen LCH Farbraum, der den Browsern in Zukunft die Welt der HDR-Displays erschließen soll. Dazu outet sich Constantin als Windows 3.1-Nutzer und Moritz gibt sein erstes Solo-Blockflötenkonzert.
Web Accessibility Basics, Internationalisierung in Manifestation der JS Intl API, und viele Tools und Tipps, ganz frisch in euren Podcatcher! (Kein Verb!). Nebenher lernen wir, dass in Österreich das Eurozeichen vor dem Betrag steht, es verschiedene arabische Plurale gibt und wagen einen Blick ins Präkambrium des World Wide Webs.
Muss man als Frontend-Entwickler jeden Trend kennen und jede Browser-API/alle Frameworks beherrschen? Neben einer Vorstellung der heißesten WebGL und WebAssembly Demos gehen wir der Frage nach, ob man schon mal einen Shader programmiert haben muss und ob wir statt Textfiles in Zukunft nur noch Bytecode durchs Netz ballern. Dazu zeigen wir, wie man mit CSS Text nach einer bestimmten Anzahl Zeilen abschneiden kann und empfehlen das Tool der Tools. Achja und Jingles, wir haben Jingles!
Moritz berichtet von seinen Erfahrungen beim 36. Chaos Communication Congress. Wir fragen uns, warum das magische HTML-Attribut loading=“lazy“ noch nicht viel weiter verbreitet ist und haben uns für euch die letzte Woche erschienene Dokumentation „Vue.js: The Documentary“ angeschaut.
In unserer ersten Folge geht es um Stack Overflow driven development. Aber nicht etwa um Entwicklung per copy&paste, sondern um die Chancen, sich als Entwickler selbst fortzuentwickeln, indem man aktiv anderen hilft.
Außerdem war Moritz in Brighton und hat nicht nur neue Erfahrungen mitgebracht…
Willkommen zur neuen Frontend Late-Night-Extravaganza-Unterhaltungsgala!
In Folge 0 erzählen die Moderatoren Moritz Gießmann und Constantin Groß, wie sie in den Frontend-Topf gefallen sind. Ausschweifungen inklusive.