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/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]

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-ix-embedded-content/#comment-text] oder Mastodon [https://mastodon.social/@wwsiv]. HAA-TEH-EMM-ELL! Embeds! Auf dem Weg durch den Dev-Dschungel verschlug es die beiden Semantik-Abenteurer Sarah und Moritz in die Untiefen der eingebetteten Inhalte. Totgeglaubte Kreaturen wie embed und object, treffen auf echte Klassiker (iframe) und new Kids in Town (fencedframe). Ein wilder Ritt durch die Vergangenheit, Gegenwart mit einer Prise Zukunftsmusik. Und seid auch das nächste Mal wieder dabei, wenn es wieder heißt: Wie man sich embedded, so liegt man! Begrüßung – [00:00:55] Retro * Sarah: Scan Server Add-On for Home Assistant – [00:03:51] * addon-debian-base-scansupport [https://github.com/Connum/addon-debian-base-scansupport] * homeassistant-addon-scanserver [https://github.com/Connum/homeassistant-addon-scanserver] * Schepp’s Kommentar zur letzten Folge [https://wowirsindistvorne.show/html-von-a-bis-z-z-viii-video-und-audio/#comment-20683] * Moritz: Danke für Spenden und Abos – [00:15:18] * wwsiv.de/spende [https://wwsiv.de/spende] * Sarah: OSS development vent – [00:20:31] * opentype.js [https://github.com/opentypejs/opentype.js] * Moritz: pa11y [https://pa11y.org/] + pa11y-dashboard – [00:25:48] * Moritz: Accesibility Resources – [00:35:50] * Mastodon Thread [https://mastodon.social/@MoritzGlantz/114177168049139470] * Moritz: Freelancing. Fun with Screenreaders – [00:47:22] Property der Woche: Screen Wake Lock API [https://developer.mozilla.org/en-US/docs/Web/API/Screen_Wake_Lock_API] – [00:49:02] Tagesthema: embed [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/embed], object [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/object], iframe [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe], fencedframe [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/fencedframe] – [00:54:49] * Markup 2024 Spreadsheet der meist genutzten HTML-Elemente [https://docs.google.com/spreadsheets/d/1TtOMr_w58HvqNBv4RIWX021Lxm6m5ajYOcRykrPdAJc/edit?gid=248650818#gid=248650818] * W3C: Objects, Images, and Applets [https://www.w3.org/TR/html401/struct/objects.html] * referrer-policy – Folge: 62 HTML VON A BIS Z-Z IV: A Tag To Rule Them All [https://wowirsindistvorne.show/html-von-a-bis-z-z-iv-a-tag-to-rule-them-all/] * CSP – Folge 48: Policy, htaccess & HTTP – XSS, CSP, Olé Olé [https://wowirsindistvorne.show/policy-htaccess-http-xss-csp-ole-ole/] * fencedframe auf caniuse.com [https://caniuse.com/?search=fencedframe] GeilTeil: REVENGE.CSS – [01:36:09] * Heydon/REVENGE.CSS [https://github.com/Heydon/REVENGE.CSS] * ffoodd/a11y.css [https://github.com/ffoodd/a11y.css] Das Ende – [01:40:54]

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-viii-video-und-audio/#comment-text] oder Mastodon [https://mastodon.social/@wwsiv]. Die HTML-Serie zieht weiter, dem Sultan ists wurscht. Aber uns nicht! Wir sezieren Audio- und Video-Element mit allen möglichen Attributen, Track und Source und Soße mit Scharf! Als Beilagen gibt es einen Ausflug zu hassOS Add-Ons und den ultimativen Web Standards Battle Rap! Yo! Begrüßung – [00:00:53] Retro * Sarah: Berufliche Veränderung – [00:04:37] * sarahg.de [https://sarahg.de] * Sarah: Uberspace + Vaultwarden + Bitwarden = ❤ [https://s.w.org/images/core/emoji/15.1.0/72x72/2764.png] – [00:12:45] * Uberlab: vaultwarden [https://lab.uberspace.de/guide_vaultwarden/] / syncthing [https://lab.uberspace.de/guide_syncthing/] * Moritz: MacBook pro 16″ vs 14″ – [00:16:06] * Moritz: Teaser Web Standards Battle Rap – [00:19:36] * Sarah: Bastelprojekt scan server als hassOS Add-On – [00:22:08] * SANE [http://www.sane-project.org/] * scanbd [https://wiki.ubuntuusers.de/scanbd/] * homeassistant-addon-scanserver [https://github.com/Connum/homeassistant-addon-scanserver] Property der Woche: Javascript Temporal – [00:40:30] * MDN Blog Post zu Javascript Temporal [https://developer.mozilla.org/en-US/blog/javascript-temporal-is-coming/] * Folge 3: Ist das Frontend, oder kann das weg? [https://wowirsindistvorne.show/ist-das-frontend-oder-kann-das-weg/] Tagesthema: und – [00:46:05] * [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video] * [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio] * caniuse autoplay [https://caniuse.com/mdn-html_elements_audio_autoplay] * Moritz‘ CodePen-Demo [https://codepen.io/MoritzGlantz/pen/JojGjao] * HTMLMediaElement controlsList explained [https://wicg.github.io/controls-list/explainer.html] * [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/source] * Web Audio API [https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API] * [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/track] * WebVTT API [https://developer.mozilla.org/en-US/docs/Web/API/WebVTT_API] * WebVTT-Demo [https://brenopolanski.github.io/html5-video-webvtt-example/] * Accept-Ranges Header (Range Requests) [https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Accept-Ranges] * How to Style an Audio Element [https://blog.shahednasser.com/how-to-style-an-audio-element/] * Media container formats (file types) [https://developer.mozilla.org/en-US/docs/Web/Media/Guides/Formats/Containers] * audio captions [https://dequeuniversity.com/rules/axe/4.0/audio-caption] * Ian Devlin: WebVTT and Audio [https://www.iandevlin.com/blog/2015/12/html5/webvtt-and-audio/] * Korrekte Aussprache: Synthesizer [https://www.youtube.com/watch?v=jD4JZsGaCo8] GeilTeil: It all means nothing in the end / Amy Hupe / FFConf 2024 [https://www.youtube.com/watch?v=zTFWgEBVf6Q] – [01:40:18] Web Standards Battle Rap – [01:43:59] Das Ende – [01:47:27]

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-vii-img-map-und-area/#comment-text] oder Mastodon [https://mastodon.social/@wwsiv]. Die HTML-Serie geht weiter mit img, map und area. Dabei holen wir ein paar wirklich obskure Implementierungsdetails aus der Mottenkiste. Dazu gibts Infos zu privaten Veränderungen und unserer weiteren Twitch-Karriere. Begrüßung – [00:00:56] Retro * Moritz: Neuer Nachname – [00:05:07] * A Change of Seasons [https://moritzglantz.de/blog/posts/a-change-of-seasons/] auf Moritz‘ Blog * Sarah: Linux status quo – [00:07:40] * Moritz: Morsekode [https://moritzglantz.de/morsekode/] ·– ·– ··· ·· ···- – [00:17:48] * Moritz: Working Draft zum Barrierefreiheitsstärkungsgesetz [https://workingdraft.de/644/] – [00:23:17] * Twitch-Zukunft – [00:25:31] Property der Woche: CSS field-sizing [https://developer.mozilla.org/en-US/docs/Web/CSS/field-sizing] – [00:30:41] * CodePen-Demo [https://codepen.io/MoritzGlantz/pen/zYNyxPO] Tagesthema 1. – [00:36:40] * auf MDN [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img] * „alt“ attribute decision tree [https://www.w3.org/WAI/tutorials/images/decision-tree/] * crossorigin auf MDN [https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/crossorigin#] * What does the image decoding attribute actually do? [https://www.tunetheweb.com/blog/what-does-the-image-decoding-attribute-actually-do/] * fetchpriority: Folge 60 [https://wowirsindistvorne.show/die-vereinigten-staaten-von-html-istan/] * ismap auf caniuse [https://caniuse.com/?search=ismap] * loading=“lazy“: Folge 2 [https://wowirsindistvorne.show/ccc-corona-cloud-und-chaos/] * referrerpolicy analog