Wo wir sind ist vorne.

Wir haben dich gut unterhalten? 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]

Wir haben dich gut unterhalten? 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]

Wir haben dich gut unterhalten? 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]

Wir haben dich gut unterhalten? Unterstütze uns mit einer Spende ♥ [https://wowirsindistvorne.show/spenden] Feedback? Kommentar [https://wowirsindistvorne.show/html-von-a-bis-z-z-v-inline-text-semantics-teil-1/#comment-text] oder Mastodon [https://mastodon.social/@wwsiv]. 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! Begrüßung – [00:00:55] Retro * Moritz: Morsekode [https://moritzgiessmann.de/morsekode/] – [00:05:51] * Constantin: Danke fürs fleißige Zuhören – [00:11:57] * Moritz: Jetzt als wowirsindistvorne_dev auf Twitch [https://www.twitch.tv/wowirsindistvorne_dev] – [00:13:55] * Moritz: Leitfaden Barrierefreiheit für Redakteur*innen [https://github.com/MoritzGiessmann/leitfaden-barrierefreiheit-fuer-redakteurinnen] – [00:19:15] * Moritz: FireFox Add-Ons No Target Blank [https://addons.mozilla.org/de/firefox/addon/no-target-blank/] & YewTube [https://addons.mozilla.org/de/firefox/addon/yewtube-redirect/] Redirect – [00:21:47] * uBlock Origin YouTube Status Check [https://drhyperion451.github.io/does-uBO-bypass-yt/] Tagesthema: Inline Text Semantics (Teil 1) – [00:26:46] * MDN HTML Elements Reference [https://developer.mozilla.org/en-US/docs/Web/HTML/Element#inline_text_semantics] 1. – [00:29:45] 2. vs vs vs – [00:33:56] 3. & – [00:53:02] * Unicode-Bidi-Algorithmus auf Wikipedia [https://de.wikipedia.org/wiki/Unicode-Bidi-Algorithmus] * Constantins CodePen-Demo [https://codepen.io/Connum/pen/MWxQZqo?editors=1000] 4. – [00:58:54] 5. – [01:07:30] 6. – [01:12:09] 7. – [01:14:07] * Peter Kröners Toot [https://mastodon.social/@sir_pepe/111839081094816916] 8. – [01:20:11] 9. – [01:26:09] 10. – [01:31:28] GeilTeil: GitHub Insights – [01:38:52] * github.com///graphs/traffic Das Ende – [01:43:56]

Wir haben dich gut unterhalten? Unterstütze uns mit einer Spende ♥ [https://wowirsindistvorne.show/spenden] Feedback? Kommentar [https://wowirsindistvorne.show/html-von-a-bis-z-z-iv-a-tag-to-rule-them-all/#comment-text] oder Mastodon [https://mastodon.social/@wwsiv]. 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! Begrüßung – [00:00:54] Retro * Constantin: PSA (mental) health – [00:04:25] * Moritz: Moritz: Neuer Blog / 11ty – [00:08:46] * Moritz‘ neuer Blog [http://moritzgiessmann.de/blog/] * Contrast Ratio Accessibility Tool [http://contrast-ratio.org/] * Constantin: Hot-Tub-Stream – [00:14:57] * WWSIV auf Twitch [https://www.twitch.tv/wowirsindistvorne_dev] * Moritz: AI Rabbit Hole Tetris – [00:18:21] * Blog-Beitrag zum Checkbox-Tetris-AI-Experiment [https://moritzgiessmann.de/blog/posts/checkbox-tetris-ai-experiment/] Tagesthema – [00:26:10] *