Frontend · Fakten · Frotzeleien
Latenight-Frontend-Talkshow (Podcast / Twitch Stream) rund um Webdesign und Entwicklung. Es reden sich um <HEAD> und Kragen:
Wir sind Berliner! Oder Pfannkuchen?! Oder Eier… lassen wir das. Wir waren auf der Podcast-Konferenz „Subscribe“ in Berlin und haben im Hotel vor Ort noch eine Sendung zu unseren Eindrücken der Konferenz aufgenommen. Technik, Programmiersprachen, PR, Transkripte, Networking und ermunternde Worte. Alles war dabei. Nächstes mal wieder Frontend. Versprochen!
Auferstanden nach Wochen der Stille präsentiert sich #WWSIV wieder mit Gast! Mit Stefan Judis sprechen wir über Web Standards, Inspiration und wo er die immer heißen News für seinen Newsletter her bekommt. Dazu gibts einen Font mit eingebautem Syntax-Highlighting und Heimautomatisierung. Tinkerbell hätte keine zauberhaftere Folge herbeiklamüsern können
Wir sprechen über die HTML-Elemente q, ruby, rt, rp, s, samp, time und viele mehr! Dazu unsere ersten Gehversuche mit Container-Queries, gedünstet in einem leckeren Sud von AI-Geplapper und wie man LLMs lokal und schnell laufen lassen kann. Delish!
Nach langer Sendepause sind wir zurück! Ganz nach dem Motto „Developer-Gruppentherapie“ schlägt das Themenpendel dieser Sendung mal wieder deutlich auf die persönliche Seite: Sarah berichtet über ihre Namens- und Pronomenänderung, wir sprechen über die Beyond Tellerrand und die Gulaschprogrammiernacht, wie man per E-Perso Führungszeugnisse und Meldebescheinigungen beantragt und Moritz erzählt was er in seinem Sabbatical über sich selbst gelernt hat. Dazu erklären wir noch wie man seinen RSS-Feed stylen kann und wie das Windows 10 Hintergrundbild gebaut wurde.
Unsere persönlichste Sendung!
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!
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 das so einiges durcheinander wirbeln wird. Ein bunter Strauß an Themen, viel auch Abseits des Developer-Lebens, aber dafür kennt man uns doch auch, oder?
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 , 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 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://www.twitch.tv/wowirsindistvorne_dev/
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.