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

Diese Sendung soll nie aufhören? Unterstütze uns mit einer Spende ♥ [https://wowirsindistvorne.show/spenden] Feedback? Kommentar [https://wowirsindistvorne.show/accessibility-overlays-mit-daniela-kubesch/#comment-text] oder Mastodon [https://mastodon.social/@wwsiv]. Es ist wieder Podcast! Wir sprechen mit Daniela Kubesch über ihre Forschung zu Accessibility Overlays. Testaufbau, Ablauf, Ergebnisse, Erkenntnisse, aber auch welche überraschenden Ergebnisse dabei Zutage traten. Dazu gibt’s einen AI-Helper der euch hilft dem LLM eurer Wahl Fragen zu eurem Projekt zu stellen, einen automatischen Website-Accessibility-Scanner (mit Frontend), weihnachtliche Musik und ein diebisches Browser-Plugin. Hohoho! * Begrüßung – [00:00:56] * Retro * Sarah: acfp 1.1.0 auf npm [https://www.npmjs.com/package/acfp] – [00:03:32] * Moritz: Danke für die Spenden – [00:05:47] * Entscheide Dich! – [00:09:57] * Tagesthema – [00:15:00] * Accessibility Overlays – The good, the bad and the ugly * a11yphant [https://a11yphant.com/] * overlayfactsheet.com [https://overlayfactsheet.com] * GeilTeil * Moritz: Pa11y [https://pa11y.org/] – [00:52:00] * Moritz: Jacob Collier – Three Christmas Songs (An Abbey Road Live-To-Vinyl Cut) [https://www.youtube.com/watch?v=ojQI3clg40o] – [00:59:31] * Daniela: Button Stealer [https://chromewebstore.google.com/detail/button-stealer/iiikidmnimlpahbeknmkeonmemajpccj?hl=en] – [01:02:43] * netbeep [https://chromewebstore.google.com/detail/netbeep/hcgpboeddcgldkgimfmcnfloonkccfmi] * „Disability Dongle“ von Liz Jackson, Alex Haagaard und Rua Williams [https://blog.castac.org/2022/04/disability-dongle/] * Raúl Krauthausen – „Disability Dongle“: Wenn nicht behinderte Lösungen für behinderte Menschen kreieren [https://raul.de/allgemein/disability-dongle-wenn-nicht-behinderte-loesungen-fuer-behinderte-menschen-kreieren/] * wheelmap.org [https://wheelmap.org/] * Das Ende – [01:07:36] * dnikub.dev [https://dnikub.dev/]

Diese Sendung soll nie aufhören? Unterstütze uns mit einer Spende ♥ [https://wowirsindistvorne.show/spenden] Feedback? Kommentar [https://wowirsindistvorne.show/wir-sind-zwei-berliner-sondersendung-subscribe11/#comment-text] oder Mastodon [https://mastodon.social/@wwsiv]. 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! Begrüßung – [00:00:48] Retro: SUBSCRIBE11 Sondersendung – [00:04:17] * Ultraschall – HighEnd Podcasting für alle [https://ultraschall.fm/] * ZEIT-Podcast „Alles gesagt?“ [https://www.zeit.de/serie/alles-gesagt] * Konferenz-Website [https://das-sendezentrum.de/subscribe/sub11/] * SUBSCRIBE11-Videos auf media.ccc.de [https://media.ccc.de/c/subscribe11] * Unser Talk „Twitch für Podcastende“ [https://pretalx.c3voc.de/subscribe11/talk/PCCWDW/] (VOD auf Twitch [https://www.twitch.tv/videos/2279861438]) * „Bauhaus Faces“ Podcast [https://www.bauhausfaces.com/] * Python Podcast [https://python-podcast.de/show/] * whisper.cpp [https://github.com/ggerganov/whisper.cpp] * Stoplight Studio [https://stoplight.io/solutions] * Podlove API Docs [https://docs.podlove.org/podlove-publisher/api/] * Laravel PHP Framework [https://laravel.com/] * laravel-ffmpeg [https://github.com/protonemedia/laravel-ffmpeg] * Mural [https://www.mural.co/]

Diese Sendung soll nie aufhören? Unterstütze uns mit einer Spende ♥ [https://wowirsindistvorne.show/spenden] Feedback? Kommentar [https://wowirsindistvorne.show/grosse-und-kleine-helfer-mit-stefan-judis/#comment-text] oder Mastodon [https://mastodon.social/@wwsiv]. 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 Begrüßung – [00:00:55] Retro * Sarah: Heimautomatisierung mit Home Assistant [https://www.home-assistant.io/] – [00:04:53] * Moritz: Accessibility Cheat Sheet wieder im Shop als Poster [https://wowirsindistvorne.myspreadshop.de/accessibility+cheat+sheet+poster-A66d890cf3de4d46a1d11c267?productType=1304&sellable=krqpql57yji0LrO7OgV9-1304-202&appearance=1&size=29] – [00:16:43] * Stefan: Web Components Aufreger – [00:19:57] * interop [https://github.com/web-platform-tests/interop] * web-platform-tests [https://web-platform-tests.org/] * Moritz: Subscribe [https://das-sendezentrum.de/subscribe/] Podcastenden Konferenz – [00:26:16] * Sarah: PHP token_get_all() [https://www.php.net/manual/en/function.token-get-all.php] – [00:28:41] * Moritz: Keychron K1 Max [https://keychron.de/de/products/keychron-k1-max-qmk-wireless-custom-mechanical-keyboard-iso-layout-collection?variant=42822534365321] – [00:32:06] * ZSA Moonlander [https://www.zsa.io/moonlander] * GPN18: keyboard hacking [https://entropia.de/GPN18:kinX:_keyboard_hacking] Property der Woche: display: flow-root – [00:43:33] * CodePen-Demo von Rachel Andrews [https://codepen.io/rachelandrew/pen/RKgevX] * caniuse [https://caniuse.com/flow-root] 90er-Action-Spielzeug-KI-Werbeblock – [00:50:39] Entscheide Dich – [00:54:32] Tagesthema: Große und kleine Helfer – [01:01:52] * CSS Tricks: The Great Divide [https://css-tricks.com/the-great-divide/] * Igalia [https://www.igalia.com/] * Homebrew Website Club [https://indieweb.org/Homebrew_Website_Club] * stefanjudis.com [https://www.stefanjudis.com/] * webweekly.email [https://webweekly.email/] * Stefans News-Quellen: Web features explorer [https://web-platform-dx.github.io/web-features-explorer/] & BCD Watch [https://bcd-watch.igalia.com/] GeilTeil * Moritz: Font with Built In Syntax Highlighting [https://blog.glyphdrawing.club/font-with-built-in-syntax-highlighting/] – [02:06:37] * Stefan: squoosh.app [https://squoosh.app/] – [02:10:12] Das Ende – [02:11:38]