Wo wir sind ist vorne.

Diese Sendung soll nie aufhören? Unterstütze uns mit einer Spende ♥ [https://wowirsindistvorne.show/spenden] Feedback? Kommentar [https://wowirsindistvorne.show/web-security-mit-chris-kuehn/#comment-text] oder Mastodon [https://mastodon.social/@wwsiv]. Wie sicher macht ihr Authentifizierung im Web? Nutzt ihr die richtigen Header? Habt ihr eure Seiten mal auf Security gecheckt? Chris bringt Licht in unsere Web-Security-Welt mit nützlichen Tipps und Tricks. Dazu gibt’s eine lange Retro, und einen neuen Spookie Jingle. Arigato gozaimasu! Begrüßung – [00:00:52] Retro: – [00:02:59] * Moritz: Alle Folgen haben jetzt Transkripte – [00:04:29] * Sarah: Linux Minut 0 byte frei, Löschen bringt nichts – [00:09:57] * Chris: dependency chain malware injection – [00:22:36] * Moritz: Trello Müll – [00:32:36] * Sarah: Jugendarbeit – [00:37:58] Entscheide Dich! – [00:47:59] Tagesthema – [00:50:12] * Keycloak [https://www.keycloak.org/] * MDN: Web Authentication API [https://developer.mozilla.org/en-US/docs/Web/API/Web_Authentication_API] * Wikipedia: JSON Web Token [https://en.wikipedia.org/wiki/JSON_Web_Token] * MDN: HTTP Header Security Test [https://developer.mozilla.org/en-US/observatory] * HSTS Preload [https://hstspreload.org/#deployment-recommendations] * Folge 48: Policy, htaccess & HTTP – XSS, CSP, Olé Olé [https://wowirsindistvorne.show/policy-htaccess-http-xss-csp-ole-ole/] * Wikipedia: Ventrilo [https://en.wikipedia.org/wiki/Ventrilo] GeilTeil: Hitster – [02:07:48] * Hitster Original [https://www.amazon.wwsiv.de/dp/B09T3K9ZC6] * Hitster Film & Serien Soundtracks [https://www.amazon.wwsiv.de/dp/B0DLCK15KH] * Anno Domini [https://amazon.wwsiv.de/Abacus-09041-Anno-Domini-Game/dp/B0006SIO4A] * Anno Domini Black [https://amazon.wwsiv.de/ABACUSSPIELE-09221-Domini-Treasure-Bluffing/dp/B09X2331KR] Das Ende – [02:14:27]

Diese Sendung soll nie aufhören? Unterstütze uns mit einer Spende ♥ [https://wowirsindistvorne.show/spenden] Feedback? Kommentar [https://wowirsindistvorne.show/programmiersprache-css/#comment-text] oder Mastodon [https://mastodon.social/@wwsiv]. Wer nach dieser Folge noch dran zweifelt, dass CSS eine Programmiersprache ist, dem ist auch Peppa-Pig zu rosa. Wir besprechen neues CSS aus der „State of CSS“-Umfrage, mit if-Abfragen, Carousels, sibling-index und CSS-Functions. Dazu gibt’s noch einen HTML-Mastodon-Bot und ein Accessibility Bookmarklet. Kanpai! Begrüßung – [00:00:54] Retro * Sarah: AI uncanny valley und Falschinformationen – [00:07:21] * Moritz: Daily HTML Mastodon Bot [https://mastodon.social/@DailyHTML] – [00:27:54] * Moritz: Force Focus Bookmarklet [https://moritzglantz.de/blog/posts/accessibility-link-tester/force-show-focus-bookmarklet-for-accessibility-testing/] – [00:31:25] * Moritz: macOS Terminal Apps Performance Test – [00:33:50] Tagesthema: State of CSS [https://stateofcss.com/] 2025 – [00:41:04] * Chrome Platform Status: calc-size() [https://chromestatus.com/feature/5196713071738880] * MDN: Creating CSS Carousels [https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_overflow/CSS_carousels] * Sara Soueidan: Are ‚CSS Carousels‘ accessible? [https://www.sarasoueidan.com/blog/css-carousels-accessibility/] * Una Kravets: New capabilities for attr() [https://una.im/advanced-attr/] * Chrome Platform Status: CSS if() function [https://chromestatus.com/feature/6313805904347136] * CodePen Demo: Stagger transition with sibling-index() [https://codepen.io/argyleink/pen/KwKXPYW] * MDN: ::target-text [https://developer.mozilla.org/en-US/docs/Web/CSS/::target-text] * CSS-Tricks: Functions in CSS?! [https://css-tricks.com/functions-in-css/] * Folge 6: Houdini – entzaubert? [https://wowirsindistvorne.show/houdini-entzaubert/] GeilTeil * Moritz: Zen Browser [https://zen-browser.app/] – [01:19:20] * Sarah: Label-Drucker [https://temu.to/k/e820skvzvbf] – [01:28:58] Das Ende – [01:39:47]

Diese Sendung soll nie aufhören? Unterstütze uns mit einer Spende ♥ [https://wowirsindistvorne.show/spenden] Feedback? Kommentar [https://wowirsindistvorne.show/html-von-a-bis-z-z-x-svg-math/#comment-text] oder Mastodon [https://mastodon.social/@wwsiv]. Wir laden die HTML-Elemente SVG und MATH in die Sendung ein, inklusive Kindern und Kindeskindern. Die sind zwar offiziell kein HTML, aber in unserer schönen netten Web-Familie wird Familiennachzug nicht diskutiert. Dazu gibt’s Neuigkeiten aus der Linux-Welt und frische Features in Moritz‘ QR-Code Generator. #justfuckingusehtml Begrüßung – [00:00:56] * Tedros Teddy Teclebrhan – Umfrage zum Integrationstest (was nicht gesendet wurde) [https://www.youtube.com/watch?v=vcAN-Efb57I] Retro * Sarah: JACK über PipeWire statt PulseAudio – [00:03:55] * Moritz: Pewdiepie ist jetzt Linuxer [https://www.youtube.com/watch?v=pVI_smLgTY0] – [00:08:32] * Moritz: 2qr.info [https://2qr.info/ neue features] neue Features – [00:13:36] * Sarah: Abschalten im Urlaub – [00:19:08] * Moritz: Project Filter, Shortcuts [https://moritzglantz.de/blog/projects/?filter=shortcuts] – [00:26:33] * Moritz: WWSIV Transkripte – [00:31:26] Tagesthema – [00:35:47] 1. * Folge 71: HTML VON A BIS Z-Z IX: Embedded Content [https://wowirsindistvorne.show/html-von-a-bis-z-z-ix-embedded-content/] * Folge 24: Editor, IDE und CMD, UFO, SVG, ohjemine [https://wowirsindistvorne.show/editor-ide-und-cmd-ufo-svg-ohjemine/] * MDN: Scalable Vector Graphics [https://developer.mozilla.org/en-US/docs/Web/SVG], [https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/svg], SVG Attribute Reference [https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute] * Folge 22: SVG-Sprites und andere Iconartigkeiten [https://wowirsindistvorne.show/svg-sprites-und-andere-iconartigkeiten/] * Demo aus alter Folge [https://wowirsindistvorne.show/wp-admin/post.php?post=2205&action=edit] * SVG and preserveAspectRatio Demo [https://codepen.io/SarahGross/pen/XJbgevz] * SVG textPath attributes: path vs. href Demo [https://codepen.io/SarahGross/pen/WbvOEza] * MDN: [https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/switch], [https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/marker], [https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/pattern], [https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/filter] 2. * MathML: W3C [https://www.w3.org/TR/1998/REC-MathML-19980407/] / caniuse [https://caniuse.com/mathml] / MDN [https://developer.mozilla.org/en-US/docs/Web/MathML] * MathML Core [https://w3c.github.io/mathml-core/] * MDN [https://developer.mozilla.org/en-US/docs/Web/MathML/Reference/Element/math] * MathML Elements and Attributes [https://w3c.github.io/mathml-core/#mathml-elements-and-attributes] * Fonts for MathML [https://developer.mozilla.org/en-US/docs/Web/MathML/Guides/Fonts] * iMathEQ Editor [https://www.imatheq.com/imatheq/com/imatheq/math-equation-editor-latex-mathml.html] * MathML Beispiele von einfach bis komplex [https://www.cheat-sheets.org/sites/mathml.su/english/index.xhtml] GeilTeil – [01:49:54] * Motherfucking Website [https://motherfuckingwebsite.com/] * Just fucking use HTML [https://justfuckingusehtml.com/] * YouTube: Just use HTML [https://www.youtube.com/watch?v=jnY61ywnBHM] Das Ende – [01:55:33]

Diese Sendung soll nie aufhören? Unterstütze uns mit einer Spende ♥ [https://wowirsindistvorne.show/spenden] Feedback? Kommentar [https://wowirsindistvorne.show/beyond-duesseldorf/#comment-text] oder Mastodon [https://mastodon.social/@wwsiv]. Sarah war auf der Beyond Tellerrand Conference in Düsseldorf und hat einiges zu berichten! Talks, Wetter, Community! Dazu neue View-Transitions-Properties (view-transition-class) und wie man Bash-Skripte per SSH auf einem Server startet und einen Tipp fürs Sharing großer Dateien. Eine Laberfolge voller Glück und guter Laune! Begrüßung – [00:00:54] Retro * Moritz: ssh script on a server – [00:06:43] * Sarah: btconf-Teaser – [00:16:31] * Moritz: Spotify-Kommentare deaktiviert – [00:17:08] Property der Woche: view-transition-class – [00:20:20] * caniuse: view-transition-class [https://caniuse.com/mdn-css_properties_view-transition-class] * Simplest View Transitions multi page demo (No JavaScript) [https://moritzglantz.de/blog/posts/simplest-no-js-view-transition-multi-page-demo/] * Off The Main Thread: New View Transition Stuff [https://offthemainthread.libsyn.com/new-view-transition-stuff] Tagesthema: beyond tellerrand Düsseldorf 2025 – [00:26:23] * Check24 verschenkt Millionen Trikots [https://financefwd.com/de/check24-trikots-puma/] * Mastodon-Post von @webrocker@mastodon.social [https://mastodon.social/@webrocker/114386456882551376] * Off The Main Thread: New View Transition Stuff [https://offthemainthread.libsyn.com/new-view-transition-stuff] * btconf 2025 talks * Paula Zuccotti – Every Thing We Touch [https://beyondtellerrand.com/events/dusseldorf-2025/speakers/paula-zuccotti] * Website [https://paulazuccotti.com/] * Instagram [https://instagram.com/paugram] * Linkedin [https://www.linkedin.com/in/paulazuccotti] * Lockdown Essentials [https://lockdownessentials.org/] * Moritz macht schon lange Goodieshots nach der btconf [https://www.instagram.com/p/BFPf6puFmHt/] * Léonie Watson – There Is No Spoon [https://beyondtellerrand.com/events/dusseldorf-2025/speakers/leonie-watson] * Website [https://tink.uk/] * Mastodon [https://w3c.social/@tink] * Linkedin [https://www.linkedin.com/in/lwatson] * Martina Flor – The Art & Business of Lettering Design [https://beyondtellerrand.com/events/dusseldorf-2025/speakers/martina-flor] * Website [https://martinaflor.com/] * Instagram [https://instagram.com/martinaflor] * Linkedin [https://www.linkedin.com/in/martina-flor] * Jason Pamental – Curious Findings [https://beyondtellerrand.com/events/dusseldorf-2025/speakers/jason-pamental] * Website [https://rwt.io/] * Mastodon [https://mastodon.social/@jpamental@front-end.social] * Bluesky [https://bsky.app/profile/jpamental.bsky.social] * Instagram [https://instagram.com/jpamental] * Linkedin [https://www.linkedin.com/in/jpamental] * Brendan Dawes – Certain Irregularities [https://beyondtellerrand.com/events/dusseldorf-2025/speakers/brendan-dawes] * Website [https://brendandawes.com/] * Bluesky [https://bsky.app/profile/brendandawes.xyz] * Instagram [https://instagram.com/brendandawes] * Linkedin [https://www.linkedin.com/in/brendandawes] * Gavin Strange – Less Thinkering More Tinkering [https://beyondtellerrand.com/events/dusseldorf-2025/speakers/gavin-strange] * Website [https://jam-factory.com/] * Bluesky [https://bsky.app/profile/jamfactory.bsky.social] * Instagram [https://instagram.com/jamfactory] * Linkedin [https://www.linkedin.com/in/jamfactory] * Matthias Ott – Painting With the Web [https://beyondtellerrand.com/events/dusseldorf-2025/speakers/matthias-ott] * Website [https://matthiasott.com/] * Mastodon [https://mastodon.social/@matthiasott] * Bluesky [https://bsky.app/profile/matthiasott.com] * Linkedin [https://www.linkedin.com/in/matthiasott] * A Dao of Web Design [https://alistapart.com/article/dao/] * Okay, Color Spaces [https://ericportis.com/posts/2024/okay-color-spaces/] * oklch.com [https://oklch.com/] * Folge 5: #BADA55 #C55 #C01025 [https://wowirsindistvorne.show/bada55-c55-c01025/] * Vortrags-Slides [https://noti.st/matthiasott/31ArQI] * Josh Brewer – Photoshop lies! – btconfDUS2013 [https://www.youtube.com/watch?v=NaTQVQvI0fA] auf YouTube * Gustavo Ferrari – Fileteado Art – Traditional Letters and Colours of Argentina [https://beyondtellerrand.com/events/dusseldorf-2025/speakers/gustavo-ferrari] * Website [http://ferrarifileteados.com/] * Instagram [https://instagram.com/ferrarifileteados] * Cyd Stumpel – Modern CSS for Creative Developers [https://beyondtellerrand.com/events/dusseldorf-2025/speakers/cyd-stumpel] * Website [https://cydstumpel.nl/] * Bluesky [https://bsky.app/profile/cydstumpel.nl] * Instagram [https://instagram.com/cydstumpel] * Linkedin [https://www.linkedin.com/in/cydstumpel] * Vitaly Friedman – Inclusive Design Patterns: From Gen-Z To to Aging Audiences [https://beyondtellerrand.com/events/dusseldorf-2025/speakers/vitaly-friedman] * Website [https://www.measure-ux.com/] * Linkedin [https://www.linkedin.com/in/vitalyfriedman] * How to Measure UX and Design Impact [https://measure-ux.com/] * Amber Case – Designing Calm Technology [https://beyondtellerrand.com/events/dusseldorf-2025/speakers/amber-case] * Website [https://caseorganic.com/] * Instagram [https://instagram.com/caseorganic] * Linkedin [https://www.linkedin.com/in/caseorganic] * calmtech.institute [https://www.calmtech.institute/] * Sharon Steed – Empathy in Automation: Leading with Humanity in a Tech-Driven World [https://beyondtellerrand.com/events/dusseldorf-2025/speakers/sharon-steed] * Website [https://communilogue.co/] * Bluesky [https://bsky.app/profile/sharonsteed.co] * Instagram [https://instagram.com/sharonasteed] * Linkedin [https://www.linkedin.com/in/sharon-steed] GeilTeil – [02:03:51] * ToffeeShare P2P File Sharing [https://toffeeshare.com/] * macOS: Spitze Klammern (<, >) und Zirkumflex/Gradzeichen (^, °) vertauscht bei Keychron-Tastatur (Fix) [https://moritzglantz.de/blog/posts/macos-externes-keyboard-kleiner-groesser-vertauscht-mit-zirkumflex-und-gradzeichen/] * Keychron Launcher [https://launcher.keychron.com/#/keymap] * VIA [https://usevia.app/] Das Ende – [02:12:30]

Diese Sendung soll nie aufhören? Unterstütze uns mit einer Spende ♥ [https://wowirsindistvorne.show/spenden] Feedback? Kommentar [https://wowirsindistvorne.show/barrierefreiheit-gaming-und-der-ganze-rest-mit-svenja/#comment-text] oder Mastodon [https://mastodon.social/@wwsiv]. Wie benutzt eine blinde Person Websites? Wie entwickelt sie? Was sind übliche Stolpersteine im Web? Wie träumt eine blinde Person? Wie denkt sie über Farben, über Typografie? Wie zockt eine blinde Person eigentlich Computerspiele und welche Hilfsmittel braucht sie dafür? All das und noch viel mehr dürften wir die blinde Developerin und Gamerin Svenja fragen! Dabei ging uns eine ganze Lichterkette auf . Dazu lernen wir noch, wie man im Browser den Akkustatus ausliest, und Sarah erzählt vom Leben jenseits des Codes. Über drei Stunden mit den lieblichsten Stimmchen der Tech-Podcast-Welt. Kringelig. Begrüßung – [00:00:53] Retro * Moritz: Umzug – [00:09:47] * Svenja: A11Y-Sessions – [00:11:54] * Sarah: A Life Beyond Coding – [00:21:27] * Moritz: Bildgenerierung mit ChatGPT Pro – [00:41:56] Property der Woche: navigator.getBattery() [https://developer.mozilla.org/en-US/docs/Web/API/Navigator/getBattery] / BatteryManager [https://developer.mozilla.org/en-US/docs/Web/API/BatteryManager] – [00:59:00] * caniuse: getBattery() [https://caniuse.com/?search=getBattery] * Sarahs CodePen-Demo [https://codepen.io/SarahGross/pen/QwWejrx?editors=1112] Entscheide Dich! – [01:06:30] Einschub Sarah: ChatGPT-Dadaismus – [01:12:11] * ChatGPT-Session nachlesen [https://chatgpt.com/share/6800f8f4-29b0-8006-8680-7790c4538fd0] Tagesthema * 1. Allgemein – [01:14:54] * svenja-blog.de [https://svenja-blog.de/] * @svenja@mstdn.games [https://mstdn.games/@svenja] * be my eyes [https://www.bemyeyes.com/] * 2. Web – [01:57:37] * Our approach to accessibility at Miro, a real-time collaboration platform – axe-con 2023 [https://www.youtube.com/watch?v=M3Uog0F4-Ac] auf YouTube * Adrian Roselli: Don’t Use Fake Bold or Italic in Social Media [https://adrianroselli.com/2025/03/dont-use-fake-bold-or-italic-in-social-media.html] * 3. Gaming – [02:39:52] * How Blind People Play Stardew Valley With This Accessibility Mod! [https://www.youtube.com/watch?v=g4xxRk5umx8] auf YouTube GeilTeil * Sarah: Web Weekly / Browser choice – [02:58:05] * Web Weekly — Your friendly web development newsletter [https://webweekly.email/] * Folge 66: Große und kleine Helfer mit Stefan Judis [https://wowirsindistvorne.show/grosse-und-kleine-helfer-mit-stefan-judis/] * Browser choice is an accessibility consideration [https://beeps.website/blog/2025-03-29-browser-choice-is-an-accessibility-consideration/] * Svenja: pen-and-paper.info [https://pen-and-paper.info/] – [03:01:01] Das Ende – [03:05:20]