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

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-vi-inline-text-semantics-teil-2/#comment-text] oder Mastodon [https://mastodon.social/@wwsiv]. 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! Begrüßung – [00:00:55] Retro * Sarah: Zum ersten Mal container queries verwendet – [00:08:01] * Moritz: XAMPP auf MacOS mit UserDir [https://moritzgiessmann.de/blog/posts/setting-up-xampp-on-macos-sonoma-with-local-user-folder/] – [00:21:31] * Sarah: claude.ai vs chatGPT – [00:27:13] * Moritz: RSS Feeds – [00:35:19] * Get the News You Want, When You Want: An Intro to RSS Feeds [https://moritzgiessmann.de/blog/posts/get-the-news-you-want-when-you-want-an-intro-to-rss-feeds/] * Moritz: Accessibility Cheat Sheet Poster und Merch – [00:40:56] * WWSIV Merch inklusive Accessibility Poster [https://wwsiv.de/merch] Property der Woche: Element.scrollIntoViewIfNeeded() – [00:42:39] * MDN [https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoViewIfNeeded] / caniuse [https://caniuse.com/?search=scrollIntoViewIfNeeded] * scroll behavior: MDN [https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior] / caniuse [https://caniuse.com/mdn-css_properties_scroll-behavior_smooth] Tagesthema: Inline Text Semantics (Teil II) – [00:49:56] * MDN HTML Elements Reference [https://developer.mozilla.org/en-US/docs/Web/HTML/Element#inline_text_semantics] 1. – [00:51:43] * MDN [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/q] / Demo [https://codepen.io/MoritzGiessmann/pen/GRborQZ] 2. , , – [00:56:17] * MDN: [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ruby] / [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/rt] / [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/rp] * Web Almanac Tag-Verbreitung [https://docs.google.com/spreadsheets/d/1Ta5Ck7y3W6LCn2CeGtW7dAdLF6Lh5wV2UBQJZTz3W5Q/edit?gid=1883388700#gid=1883388700] 3. Bonus: – [01:07:39] * MDN [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tt] 4. – [01:09:25] * MDN [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/s] 5. – [01:14:03] * Folge 63: HTML von a bis z-z V: Inline Text Semantics (Teil 1) [https://wowirsindistvorne.show/html-von-a-bis-z-z-v-inline-text-semantics-teil-1/] * MDN [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/samp] 6. – [01:17:03] * MDN [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/small] 7. – [01:19:16] * MDN [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/span] 8. , – [01:24:37] * MDN: [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/sub] / [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/sup] 9. – [01:32:27] * MDN [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/time] * HTML Spec: valid duration string [https://html.spec.whatwg.org/multipage/common-microsyntaxes.html#valid-duration-string] 10. – [01:45:40] * MDN [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/u] 11. – [01:50:47] * MDN [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/var] 12. – [01:52:53] * MDN [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/wbr] GeilTeil: Ollama [https://ollama.com/] – [01:57:42] Nachtrag Sarah: Spelling correction UI using & elements Demo auf CodePen [https://codepen.io/SarahGross/pen/GRboErJ] – [02:08:12] Das Ende – [02:15:14]

Diese Sendung soll nie aufhören? Unterstütze uns mit einer Spende ♥ [https://wowirsindistvorne.show/spenden] Feedback? Kommentar [https://wowirsindistvorne.show/something-old-something-new/#comment-text] oder Mastodon [https://mastodon.social/@wwsiv]. 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! Begrüßung – [00:00:57] Retro * Sarah: Namensänderung – [00:04:48] * Moritz: Behördenkram mit E-Perso – [00:07:29] * Führungszeugnis beim BfJ online beantragen [https://www.fuehrungszeugnis.bund.de/ffw/form/display.do?%24context=ED01FF8592E112B378B7] * Meldebescheinigung BW [https://www.service-bw.de/onlineantraege/onlineantrag?processInstanceId=f3PbnedPBrOib4hxslNFFg] * UK Design System [https://design-system.service.gov.uk/] * Sarah: Beyond Tellerrand – [00:21:51] * beyond tellerrand auf YouTube [https://www.youtube.com/@btconf] * Hot Tub Stream – [00:32:35] * Moritz: GPN – [00:35:16] * Tastaturen – Ein Drama mit 10 Fingern [https://media.ccc.de/v/gpn22-498-tastaturen-ein-drama-mit-10-fingern] * USB, wie funktioniert das eigentlich? Certified USB4 (Version 2.0) [https://media.ccc.de/v/gpn22-359-usb-wie-funktioniert-das-eigentlich-certified-usb4-version-2-0-] * Passkeys – Login ohne Passwort (?) [https://media.ccc.de/v/gpn22-303-passkeys-login-ohne-passwort-] * Moritz: Hotelbewertungen – [00:46:20] Tagesthema: Im Sabbatical gelernt / Sabbatical & Workation – [00:52:57] GeilTeil * Sarah: Windows 10 Hintergrundbild Entstehung – [01:44:51] * Artikel auf PC Gamer [https://www.pcgamer.com/gaming-industry/i-was-shocked-to-find-out-the-windows-10-desktop-background-wasnt-computer-generated-but-a-picture-of-light-being-shot-through-an-actual-window/] * YouTube-Video [https://www.youtube.com/watch?v=6nw-TgbXNj8] * Moritz: XSL – [01:49:30] * Darek Kay: Style your CSS feed [https://darekkay.com/blog/rss-styling/] * https://moritzgiessmann.de/blog/feed.xml [https://moritzgiessmann.de/blog/feed.xml] * https://moritzgiessmann.de/blog/xsl/rss.xsl [https://moritzgiessmann.de/blog/xsl/rss.xsl] * https://moritzgiessmann.de/blog/xsl/rss.css [https://moritzgiessmann.de/blog/xsl/rss.css] Das Ende – [02:00:52]