Alle paar Monate setzen sich Peter und Schepp für eine neue Runde „Neues in den Browsern“ zusammen: Was hat Chrome gepusht, wo hat Safari nachgezogen, was ist frisch in Firefox – und vor allem: Was davon ist heute schon praxistauglich? Wir sortieren Release Notes, testen Features im Alltag und teilen konkrete Einsatzideen aus echten Projekten. In dieser Ausgabe geht’s u. a. um den IntersectionObserver mit scrollMargin, präziseres Rechnen mit Math.sumPrecise, explizites Ressourcen-Management, Scheduling für bessere INP-Werte, sowie Dialog/Popover-Feinschliff, @starting-style, View Transitions und eine schnelle Lightning-Round am Schluss mit kleinen, feinen Browser-Updates.

Unser Sponsor



Maximale Performance für all deine Projekte? Bei mittwald brauchst du dir nie wieder Sorgen um Performance-Einbrüche machen. Der Traffic kann ruhig durch die Decke gehen, deine Seite bleibt immer rasend schnell.

mittwald hat Hosting neu gedacht und alles auf die besonderen Anforderungen und Workloads von Agenturen und Freelancern optimiert – inklusive Infrastruktur, benutzerfreundlicher Oberfläche und flexiblen Tarifen. Egal, ob du deinen Server selbst konfigurieren möchtest oder das mittwald-Team sich um die optimalen Specs kümmern soll. Der persönliche Kundenservice unterstützt dich 24/7 bei allen Fragen rundum WordPress, TYPO3, Shopware oder was auch immer dich gerade beschäftigt. Im firmeneigenen und TÜV-zertifizierten Rechenzentrum sind deine Daten in sicheren Händen. Und das Beste? Wer seine Projekte bei mittwald hostet bekommt nicht nur die besten Server, sondern ein Hosting mit Strom aus 100 % erneuerbaren Energien. Also, worauf wartest du?
Geh jetzt auf mittwald.de/workingdraft [https://mittwald.de/workingdraft?ref=workingdraft.de] und buch dein erstes Projekt!

Schaunotizen

[00:03:25] IntersectionObserver: scrollMargin in allen Browsern [https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver/scrollMargin] Endlich auch in Firefox: Beobachtungsbereich in versteckte Scrollzonen erweitern – z.B. für Lazy-Loading in Slidern (früheres Laden vor Sichtbarkeit). Abgrenzung zu rootMargin, graceful Degradation. Use-Cases: Performance-Moderation, Header ein-/ausblenden, lazy Komponenten initialisieren. [00:15:42] JavaScript: Math.sumPrecise [https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/sumPrecise] Verhindert aufgesammelte Floating-Point-Fehler beim Aufsummieren (aktuell in Firefox, Standardisierung läuft). Kontext: 0.1 + 0.2 ≠ 0.3, Reihenfolge-Unterschiede bei Floats. Weiteres: Falsehoods programmers believe about money – Sarah Dayan [https://www.youtube.com/watch?v=m6ID-dv2f34], Floating Point visually explained [https://fabiensanglard.net/floating_point_visually_explained/]. [00:29:07] Explicit Resource Management (using, Symbol.dispose) [https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Resource_management] Deterministische Aufräumlogik (z.B. Temp-Dateien/Streams): Klassen implementieren Symbol.dispose/Symbol.asyncDispose, verwendet mit using. Abgrenzung zu GC-/Finalization-Registry; im Frontend selten nötig, im Backend super nützlich. [00:30:12]

Revision 686: Neues in den Browsern

Sobald „TypeScript“ im Titel steht, ist das quasi die Lizenz zum Abschweifen. Schnallt euch also an, die Alten Herren nehmen euch mit in den statisch typisierten Mindpalast.

Unser Sponsor



Ende Oktober ist es so weit: Die programmier.con lädt ein – und zwar nach Bad Nauheim, nördlich von Frankfurt! Zwei Tage, zwei Tracks, ein Abendprogramm – und jede Menge praxisnahe Talks zu Webentwicklung und angewandter AI.

Von Svelte über lokale LLMs bis zu Developer Experience, A/B-Testing, Security und AI-Agenten: Die programmier.con bringt die Community zusammen – und das auf Augenhöhe. Die meisten Vorträge sind auf Deutsch, internationale Highlights wie Svelte-Macher Rich Harris inklusive.

🎟 Dank Sponsoring gibt’s die Tickets aktuell schon ab 249 € (zzgl. MwSt.).

👉 Alle Infos und Tickets auf con.programmier.bar [https://www.programmier.bar/konferenzen/programmier-con-web-ai-edition-2025?ref=workingdraft.de]

Schaunotizen

[00:01:35] TypeScript 5.9 [https://devblogs.microsoft.com/typescript/announcing-typescript-5-9/] Da das nächste TS-Release gelandet ist, sinnieren Peter und Stefan mal wieder über Architektur, Fehlermeldungs-Ergonomie und frische TypeScript-Details. Ausgangspunkt: Browser-Errors vs. Rust („FromEntries + Sparse Array“ lässt grüßen) und warum viele DevTools dabei schwächeln.

Danach geht’s in die 5.9-Notes: das verschlankte tsc --init, „Deferred Module Evaluation“ (import defer) als reine Syntax-Durchreiche, sowie der neue Zielwert module: node20 inkl. Import-Attributes (vormals Assertions) für JSON/CSS/WASM & Co. Wir sprechen über Modul-Laden in Browsern vs. Node, warum Bundler zunehmend nach Legacy riechen, ob Import-Maps und ein „print module graph“ aus TSC den Build-Step ablösen könnten – und wieso Lighthouse-Scores dabei wenig helfen.

Auf Editor-Seite freuen wir uns über MDN-Kurzbeschreibungen in DOM-Tooltips, expandierbare Typ-Hovers (endlich beides: kompakt und detailliert) und ein konfigurierbares Hover-Limit. Unter der Haube gibt’s Performance-Gewinne und ein wichtiges Typing-Fix: ArrayBuffer ist nicht länger (fälschlich) Supertyp diverser Typed Arrays. Am Ende blicken wir nach vorn: 6.x als „Glattbügel-Serie“ auf dem Weg zu TS 7 (Go-Rewrite), nebst den unvermeidlichen Ecosystem-Reibungen zwischen Node, Deno, Web-Streams & Freunden.

Revision 685: TypeScript 5.9

Diese Revision plaudern wir mit Alexander Lichter [https://www.lichter.io/] (LinkedIn [https://www.linkedin.com/in/alexanderlichter/] / Mastodon [https://hachyderm.io/@manniL]) und Ulrich-Matthias „Ulima“ Schäfer [https://fuzzyma.de/] (LinkedIn [https://www.linkedin.com/in/ulrich-matthias-sch%C3%A4fer-a1a701176/]) über Ecosystem Performance, kurz „e18e“: Warum es sich lohnt, das JavaScript-Ökosystem aufzuräumen, wie die Community organisiert ist und wo jede:r sofort mitmachen kann.

Unser Sponsor



PDFs aus HTML – schnell, skalierbar, datenschutzkonform.Mit EuroPDF erstellt ihr hochwertige PDFs direkt aus modernem HTML, CSS und JavaScript – inklusive Fußzeilen, Seitennummern, sauberen Tabellenumbrüchen und Barrierefreiheit. Perfekt für Rechnungen bis hin zu komplexen Reports. Auch tausende PDFs pro Tag? Kein Problem.

EuroPDF ist das einzige europäische SaaS, das PrinceXML einsetzt – mit durchgängig europäischer Infrastruktur bleiben eure Daten in Europa.

Hinter EuroPDF steht Die Antwort: ein Team mit 20+ Jahren Erfahrung in maßgeschneiderter Webentwicklung für Firmenkunden.

Sichere dir 20 % Ersparnis auf deine Subscription mit dem Code WORKINGDRAFT unter europdf.eu/workingdraft [https://europdf.eu/workingdraft?ref=workingdraft.de].

Schaunotizen

[00:02:00] Ecosystem Performance (e18e) [https://e18e.dev/] Im Fokus der e18e-Bewegung stehen die Themen Cleanup, Speedup, Level-Up: alte Dependencies durch moderne, kleinere Alternativen ersetzen (z. B. Lodash-Funktionen/-ES, Tiny Globby statt Globby), Dev-Tooling messbar beschleunigen (u. a. neue Prettier-CLI, schnellere Lint-Setups) und Bibliotheken so gestalten, dass sie klaren Scope haben und aktuelle Node-LTS/ESM-Realität widerspiegeln. Wir sprechen über Grenzen (Deep-Deps, Battle-testing, Baseline-Support), über Publint für saubere Exports und über die neue e18e-CLI, die Codemods und Checks bündelt.

Außerdem: Wie man Einstiegshürden senkt (gute Doku, Replacement-Guides), warum Dev-Dependencies oft den größten Hebel haben, und welche Trade-offs Toolchains heute treiben (ESLint ↔︎ oxlint/Biome, Type-aware-Linting, Plugins in JS vs. Rust/Go). Praxisstories gibt’s zu Renovate, Pre-Commit-Hooks („no-verify“ lässt grüßen) und zu Contribution-Etikette gegenüber Maintainer:innen.

Links

e18e.dev [https://e18e.dev] – Website & Guides Offizielle Infos, Replacement-Guides, Manifest und Community-Einstieg. github.com/43081j [https://github.com/43081j] – James Garbutt Initiator, Maintainer und Treiber vieler e18e-Tools. publint.dev [https://publint.dev] – Publint Prüft, ob deine Package-Exports sauber konsumierbar sind (CJS/ESM/Typings). npmgraph.js.org [https://npmgraph.js.org/] – npmgraph Visualisiert Abhängigkeitsbäume und hilft, Ersetzungs-Kandidaten zu finden. docs.renovatebot.com [https://docs.renovatebot.com/] – Renovate Automatisiert Dependency-Updates; sinnvoll konfiguriert spart es viel Pflegearbeit. github.com/antfu/tinyglobby [https://github.com/antfu/tinyglobby] – Tiny Globby Kleiner, schneller Globbing-Ersatz, häufige Cleanup-Empfehlung. lodash.com [https://lodash.com/] – Lodash Beispiel für gezieltes Function-Importing

Revision 684: Ecosystem Performance (e18e)

Wir drehen wieder am „Glücksrad [https://workingdraft.de/gluecksrad/]“ – diesmal allerdings ausschließlich mit ARIA-Attributen [https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA]! Schepp hat sich als Mitspielende Accessibility Engineer Daniela Kubesch [https://dnikub.dev/] (LinkedIn [https://www.linkedin.com/in/danikubesch/] / Bluesky [https://bsky.app/profile/dnikub.bsky.social] / Mastodon [https://front-end.social/@dnikub]) und Frontend/Design-Systems Engineer Marco Bretschneider [https://www.linkedin.com/in/marco-bretschneider-norderstedt/] eingeladen. Der Zufall spuckt ARIA-Attribute aus und wir sezieren sodann deren Einsatzfälle, Stolpersteine und ggf. sinnvolle Alternativen: von aria-placeholder über erklärende Verknüpfungen mit aria-details (plus ariaDetailsElements) bis hin zu großen, virtuellen Listen mit aria-posinset/aria-setsize. Außerdem sprechen wir über gute modale Dialoge (aria-modal & <dialog>) und wagen einen Blick nach vorn mit dem brandneuen aria-brailleroledescription aus WAI-ARIA 1.3.

Unser Sponsor



Ende Oktober ist es so weit: Die programmier.con lädt ein – und zwar nach Bad Nauheim, nördlich von Frankfurt! Zwei Tage, zwei Tracks, ein Abendprogramm – und jede Menge praxisnahe Talks zu Webentwicklung und angewandter AI.

Von Svelte über lokale LLMs bis zu Developer Experience, A/B-Testing, Security und AI-Agenten: Die programmier.con bringt die Community zusammen – und das auf Augenhöhe. Die meisten Vorträge sind auf Deutsch, internationale Highlights wie Svelte-Macher Rich Harris inklusive.

🎟 Dank Sponsoring gibt’s die Tickets aktuell schon ab 249 € (zzgl. MwSt.).

👉 Alle Infos und Tickets auf con.programmier.bar [https://www.programmier.bar/konferenzen/programmier-con-web-ai-edition-2025?ref=workingdraft.de]

Schaunotizen

[00:19:52] aria-placeholder [https://developer.mozilla.org/docs/Web/Accessibility/ARIA/Attributes/aria-placeholder] Entspricht inhaltlich dem HTML-placeholder – verschwindet also, sobald Nutzer:innen tippen. In der Praxis deshalb eher nicht verwenden: wichtige Hinweise gehören dauerhaft sichtbar neben/unter das Feld. Als Notnagel kann der Placeholder in der Accessible-Name-Ermittlung herangezogen werden, falls kein Label vorhanden ist (trotzdem immer ein richtiges <label> setzen). Möglicher Spezialfall: contenteditable. Weiterführend: HTML placeholder [https://developer.mozilla.org/docs/Web/HTML/Element/input#the_placeholder_attribute], Accessible Name Computation [https://developer.mozilla.org/docs/Web/Accessibility/ARIA/Attributes/Accessible_name]. [00:27:58] aria-details [https://developer.mozilla.org/docs/Web/Accessibility/ARIA/Attributes/aria-details] & ariaDetailsElements (DOM) [https://developer.mozilla.org/docs/Web/API/Element/ariaDetailsElements] Verknüpft ein Widget mit einer längeren, „reichen“ Zusatzbeschreibung (z. B. FAQ-Inhalt, Größentabelle, Bildbeschreibung). Anders als aria-describedby beeinflusst aria-details nicht den Accessible Name; Screenreader können die Details kontextuell anbieten. Über die DOM-Property ele

Revision 683: ARIA-Glücksrad

Nuxt 4 markiert einen wichtigen Meilenstein für das populäre Vue-Framework. Obwohl das Release keine großartigen Breaking Changes mitbringt, steckt unter der Haube viel Neues, das den Workflow und die Performance nachhaltig verbessern soll.

Unser Sponsor



Ende Oktober ist es so weit: Die programmier.con lädt ein – und zwar nach Bad Nauheim, nördlich von Frankfurt! Zwei Tage, zwei Tracks, ein Abendprogramm – und jede Menge praxisnahe Talks zu Webentwicklung und angewandter AI.

Von Svelte über lokale LLMs bis zu Developer Experience, A/B-Testing, Security und AI-Agenten: Die programmier.con bringt die Community zusammen – und das auf Augenhöhe. Die meisten Vorträge sind auf Deutsch, internationale Highlights wie Svelte-Macher Rich Harris inklusive.

🎟 Dank Sponsoring gibt’s die Tickets aktuell schon ab 249 € (zzgl. MwSt.).

👉 Alle Infos und Tickets auf con.programmier.bar [https://www.programmier.bar/konferenzen/programmier-con-web-ai-edition-2025?ref=workingdraft.de]

Für diese Folge haben wir nochmal Alexander Lichter [https://www.lichter.io/] (LinkedIn [https://www.linkedin.com/in/alexanderlichter/] / Mastodon [https://hachyderm.io/@manniL]) zu Gast, der uns als Nuxt-Core-Team-Member tiefere Einblicke in den Nuxt 4 Release, die technischen Hintergründe und die aktuelle Situation mit Vercel gibt.

Schaunotizen

[00:01:41] Nuxt 4 [https://nuxt.com/blog/v4] Das neue Nuxt bringt, anders als seine Vorversion, keine umfangreichen Breaking Changes mit. Einzige sichtbare Änderung ist die neue Verzeichnisstruktur, die man aber nicht übernehmen muss – bestehende Strukturen funktionieren weiterhin problemlos.

Der Hauptfokus lag unter der Haube. Die CLI wurde verbessert, wie auch das Data Fetching. Die neue Version der Nitro-Engine, die für API-Routing, Build-Prozesse, Middleware und Deployment zuständig ist, steckt leider noch in der Entwicklung und hat das Nuxt 4 Release deutlich verzögert. Bis heute gibt es keine finale Version von Nitro, was auch hier und da Auswirkungen auf das weitere Ökosystem hat.

Alex erklärt, wie die Abhängigkeit von Nitro entstand und welche Herausforderungen das für Entwickler:innen von Frameworks bedeutet, die darauf setzen.

[00:00:00] Die Akquisition von NuxtLabs durch Vercel [https://nuxtlabs.com/] Sodann schwenken wir um auf das heißdiskutierte Thema der Akquisition von NuxtLabs, also der Wiege von Nuxt, durch Vercel.

Wir beleuchten, was es heißt, dass Nuxt ein Multi-Company Open-Source-Projekt ist und wie die Übernahme von NuxtLabs durch Vercel die Entwicklung in diesem Kontext beeinflusst.

Wir spekulieren über Vercels Motivation, NuxtLabs zu übernehmen und warum das Unternehmen aktuell möglicherweise versucht, seinen Ruf im Open-Web-Bereich zu verbessern – auch durch die Unterstützung von Community-Projekten wie TanStack. Überraschend ist, dass trotz der Übernahme Netlify weiterhin Hauptdeployment-Partner von Nuxt bleibt.

Links

Offizieller Blogpost: Nuxt 4 Release [https://nuxt.com/blog/v4] Detaillierte Infos zu neuen Features und der optionalen Verzeichnisstruktur. Nuxt 4 Roadmap [https://nuxt.com/blog/roadmap-v4] Übersicht über geplante Weiterentwicklungen und Zeitplan. GitHub Diskussion zu Nuxt 4 [https://github.com/nuxt/nuxt/discussions/32559]

Revision 682: Nuxt 4 und die Akquisition von NuxtLabs

In dieser Folge nehmen wir euch mit hinter die Kulissen des JSCraftCamp [https://jscraftcamp.org/] – einer der sympathischsten Community-Konferenzen im deutschsprachigen Raum. Gemeinsam mit den Organisatoren Wolfram Kriesing [https://www.linkedin.com/in/wolframkriesing/] und Jörn Bernhardt [https://www.linkedin.com/in/joern-bernhardt/] sprechen wir über das Konzept, die Organisation und was das Event so besonders macht.

Schaunotizen

[00:01:03] Das JSCraftCamp [https://jscraftcamp.org/] Wie einleitend erwähnt, sprechen wir in dieser Folge mit Wolfram und Jörn über das JSCraftCamp – ein kostenloses Barcamp für JavaScript-Interessierte, das seit 2016 jährlich in München stattfindet. Wir erfahren, wie sich das Event über die Jahre entwickelt hat, warum es sich wie ein Klassentreffen anfühlt und wie neue Teilnehmende durch Pull Requests über GitHub direkt in die Community einsteigen.

Wir reden darüber, wie das Orga-Team die Sessions plant (Spoiler: gar nicht – das machen alle zusammen vor Ort, siehe Sessionplan [https://jscc.live]), wie neun parallele Tracks trotzdem überschaubar bleiben und warum es keine festen Themenvorgaben gibt. Auch Themen abseits von JavaScript, wie CSS, Projektmanagement oder das Programmieren mit Kindern, sind willkommen.

Wolfram und Jörn geben Einblicke in ihre GitHub-basierte Orga-Struktur [https://github.com/jscraftcamp], sprechen über Herausforderungen bei der Sponsorensuche, Nachhaltigkeit beim Catering und warum veganes Mittagessen alle glücklich macht. Außerdem berichten sie von ihren Ideen zur besseren Inklusion und Diversität, von spontanen Sessions mit Kindern, Kaffee-Fails, T-Shirt-Verteilung per Motivationstrick – und wie jede:r ihr Format einfach forken kann.

Links

JSCraftCamp Discord [https://discord.gg/3mHhaXVEjP] Hier bleiben die Organisatoren und Teilnehmenden des JSCraftCamp unterjährig in Kontakt, und hier wird das Camp im Offenen geplant. CSSBattle [https://cssbattle.dev/] The funnest multiplayer game with 300K+ web designers & developers. Replicate the target images using CSS – the shorter your code, the higher your score! Happy coding!

Revision 681: JSCraftCamp – Blaupause für Community-Events

Stefan und Peter geben ihre Einschätzungen rund um das Rewrite des TypeScript-Compilers zum besten!

Unser Sponsor



Maximale Performance für all deine Projekte? Bei mittwald brauchst du dir nie wieder Sorgen um Performance-Einbrüche machen. Der Traffic kann ruhig durch die Decke gehen, deine Seite bleibt immer rasend schnell.

mittwald hat Hosting neu gedacht und alles auf die besonderen Anforderungen und Workloads von Agenturen und Freelancern optimiert – inklusive Infrastruktur, benutzerfreundlicher Oberfläche und flexiblen Tarifen. Egal, ob du deinen Server selbst konfigurieren möchtest oder das mittwald-Team sich um die optimalen Specs kümmern soll. Der persönliche Kundenservice unterstützt dich 24/7 bei allen Fragen rundum WordPress, TYPO3, Shopware oder was auch immer dich gerade beschäftigt. Im firmeneigenen und TÜV-zertifizierten Rechenzentrum sind deine Daten in sicheren Händen. Und das Beste? Wer seine Projekte bei mittwald hostet bekommt nicht nur die besten Server, sondern auch 100% CO2-neutrales Hosting. Also, worauf wartest du? Geh jetzt auf mittwald.de/workingdraft [https://mittwald.de/workingdraft?ref=workingdraft.de] und buch dein erstes Projekt!

Schaunotizen

[00:02:03] TypeScript goes native! TypeScript bekommt einen Rewrite in Go [https://devblogs.microsoft.com/typescript/typescript-native-port/] und nach der Veröffentlichung der ersten Previews [https://devblogs.microsoft.com/typescript/announcing-typescript-native-previews/] sehen wir Besprechungsbedarf. Wir diskutieren, ob und unter welchen Umständen ein Komplett-Rewrite sinnvoll ist und ob Go [https://go.dev/] eine bessere Wahl als denkbare Alternativen wie Rust [https://www.rust-lang.org/] oder C# [https://learn.microsoft.com/de-de/dotnet/csharp/] ist. Dabei sprechen wir unter anderem über die Limitierungen von JavaScript-Tools unter heutigem Umständen, XXL-Enums, Effekte auf andere Tools aus dem TS-Universum (u.A. Deno [https://deno.com/], Bun [https://bun.sh/] und Supabase [https://supabase.com/]) und Perspektiven für neue TypeScript-Features in der mittelfernen Zukunft..

Revision 680: TypeScript goes native!

In dieser Folge sprechen wir mit Andreas Kottre (CEO & Technical Lead [https://www.linkedin.com/in/andreas-kottre?trk=org-employees&originalSubdomain=de] bei typedigital [https://typedigital.de/de/]) & Tim Olbrich (Geschäftsführer und Inhaber [https://www.linkedin.com/in/tim-olbrich-a65b83174/] der Bitory GmbH [https://bitory.de/]) von der Hackerkiste Augsburg [https://hackerkiste.de/], einem einzigartigen Event, das seit 2017 regelmäßig die Web- und Tech-Community zusammenbringt. Wir tauchen ein in das besondere Setting: eine ehemalige Siemens-Halle, die zum kleinen Festival-Dorf mit Plaza, weitläufigem Gelände, großen Stages und verwinkelten Bereichen wurde. Außerdem ergründen wir den barcampartigen Rahmen mit 10-Min-Talks, Call for Papers, First-Time-Speakers-Betreuung – und am Ende erwartet euch eine grandiose Verlosung!

Schaunotizen

[00:00:58] Hackerkiste Augsburg Inhaltlich bietet die Hackerkiste ein volles Programm: Rund dreißig Speaker:innen und ein Dutzend Barcamp-Sessions locken jedes Jahr etwa dreihundert Teilnehmende nach Augsburg. Das Format ist bietet mehrere Stages, inklusive ausführlichen Vorträgen auf den großen Stages und Lightning Talks. Es gibt dabei Sage und Schreibe ganze vier Tracks zu besuchen! Lightning Talks dauern nur (bis zu) zehn Minuten, eingebettet in halbstündige Sessions, die zum Austausch einladen und Barcamp-Charakter haben. Angesprochen sind Entwickler:innen, UX-Interessierte, Community-Macher:innen und alle, die Lust auf neue Impulse haben.Besonders spannend ist der Umgang mit neuen Speaker:innen. Über den Call for Papers können sich erfahrene Vortragende genauso wie Newcomer melden. Wer zum ersten Mal auf die Bühne geht, wird von Stage Hosts betreut und bekommt Unterstützung bei Vorbereitung, Ablauf und Stressmanagement. So wird der Einstieg leicht gemacht, ohne dass die Qualität leidet.

Neben der eigentlichen Konferenz prägt die Hackerkiste auch das Community-Leben in Augsburg. Unter anderem veranstalten die Organisator:innen das Meetup Web and Wine [https://webandwine.org/], das nicht nur technische Themen, sondern auch Metaebenen wie den Umgang mit Stress aufgreift. Damit wird deutlich, dass es bei der Hackerkiste nicht allein um Technologie, sondern auch um Austausch und Gemeinschaft geht.

Und weil wir es bis zum Schluss spannend machen wollen: Am Ende dieser Revision wartet noch eine Verlosung auf euch. Mehr verraten wir hier nicht. Außer, dass es sich lohnt, dranzubleiben.

Revision 679: Hackerkiste Augsburg

Wir haben Jan Gregor Emge-Triebel [https://jangregor.me/] (LinkedIn [https://www.linkedin.com/in/jan-gregor-triebel/] / Mastodon [https://mastodon.social/@Jan0707]) von der programmier.bar [https://www.programmier.bar/] zu Gast. Bekannt ist die programmier.bar durch ihren Podcast [https://www.programmier.bar/podcast], Meetups [https://www.meetup.com/programmierbar/] und neuerdings eine eigene Konferenz: die programmier.con!

Schaunotizen

[00:00:58] programmier.con [https://www.programmier.bar/konferenzen/programmier-con-web-ai-edition-2025] In dieser Folge schauen wir gemeinsam hinter die Kulissen der Veranstaltungsorganisation: Wie läuft das bei einem Team, das zwar einen Tech-Hintergrund hat, aber keine Eventagentur ist? Und was war der Antrieb, überhaupt eine eigene Konferenz zu machen?

Natürlich reden wir auch über Community-Arbeit ganz generell – und was es bedeutet, wenn eine Firma Zeit und Raum schafft, sich aktiv in die Szene einzubringen. Die Programmierbar macht das nicht nur mit ihrer Konferenz, sondern auch mit ihren regelmäßigen Formaten wie dem Backend- und dem Frontend-Meetup.

Am Ende steht die Einladung: Kommt vorbei, sprecht Jan an!

Links

programmier.con – Web & AI Edition 2025 [https://www.programmier.bar/konferenzen/programmier-con-web-ai-edition-2025] Am 29. und 30. Oktober 2025 bringt die programmier.con in Bad Nauheim die Web- und KI-Community zu zwei Tagen voller Vorträge, Keynotes und Austausch zusammen. FlutterDay 2024 [https://www.programmier.bar/konferenzen/programmier-con-flutter-edition-2024] Der Flutter Day war eine deutschsprachige Konferenz mit spannenden Talks von Expert:innen und bot technisch anspruchsvolle, aber zugleich zugängliche Themen für Flutter-Interessierte und Web-Entwickler:innen. programmier.bar – der Podcast [https://www.programmier.bar/podcast] Der programmier.bar Podcast bietet Deep Dives, News und CTO-Gespräche und beleuchtet, was die Web-, App- und Tech-Welt bewegt. Das programmier.bar Meetup [https://www.meetup.com/programmierbar/] In schönen Bad Nauheim teilen Sprecher:innen ihre Erfahrungen zu Web- und App-Entwicklung, danach gibt’s Austausch in entspannter Runde mit Snacks und Drinks.

Revision 678: programmier.con – Behind the Scenes

Local AI, also KI-Modelle, die direkt auf dem Gerät laufen, statt in der Cloud, gewinnen aktuell enorm an Bedeutung. Einen neue Ansatz dafür bieten die neuen Chrome Built-in AI APIs, mit denen Entwickler:innen direkt im Browser auf mächtige KI-Funktionalitäten zugreifen können – ganz ohne eigene Modelle zu laden oder Cloud-Anfragen ausführen zu müssen. Diese lokal ausgeführten Modelle schützen die Privatsphäre, ermöglichen Offline-Nutzung und sparen Ressourcen – was für Nutzer:innen und Firmen gleichermaßen attraktiv sein kann.

Für diese Folge haben wir Thomas Steiner (Web [https://blog.tomayac.com/] / Mastodon [https://toot.cafe/@tomayac] / Bluesky [https://bsky.app/profile/tomayac.com]), eingeladen, der nicht nur Google Developer Relations Engineer ist, sondern auch tief im Thema steckt. Gemeinsam mit Vanessa und Schepp spricht Thomas darüber, wie die Chrome APIs funktionieren, welche Features sie bieten und welche Herausforderungen es aktuell noch gibt. Außerdem beleuchten wir die Perspektiven anderer Browser-Hersteller und die Zukunft der Local AI im Web.

Schaunotizen

[00:01:37] Local AI Warum ist Local AI wichtig? Thomas erklärt, dass lokale Ausführung vor allem Datensicherheit bedeutet – Daten werden nicht an einen Server geschickt. Obendrein sind entsprechende Anwendungen auch offline nutzbar und für Firmen günstiger, weil keine Cloud-Anfragen nötig sind. Der Browser stellt dabei ein generisches KI-Modell bereit, etwa Gemini Nano, das mit nur 4,29 GB auf der Festplatte auch auf Durchschnittsgeräten läuft.Die APIs sind einfach per wenigen Zeilen JavaScript nutzbar und bieten mächtige Funktionen, z.B. Übersetzung (Translation API), Schreiben (Writer API), Korrektur (Proofreader API) und generelle Eingabe per Prompt API. Multimediale Eingaben wie Bilder oder Audio werden unterstützt, was spannende Usecases erlaubt: zum Beispiel Audio transkribieren, bestimmte Audioinhalte filtern, Bilder für assistive Technologien beschreiben oder Personalausweise clientseitig auf Plausibilität prüfen.Ein Grund für mehrere dedizierte APIs statt nur einer Prompt API liegt darin, dass Gemini Nano ein vergleichsweise kleines, aber leistungsfähiges LLM ist. Das erlaubt die Nutzung auf Geräten mit begrenzter Hardware – aktuell läuft die KI auf GPU, aber es wird daran gearbeitet, dass sie auch auf CPU-only Geräten läuft, z.B. günstigen Android-Geräten. Techniken wie „early exit“ helfen, auf mobilen Geräten Energie zu sparen, indem man Antworten frühzeitig abschließt.

Derzeit werden entsprechend nur MacOS, Windows und Linux unterstützt, Chrome OS fehlt neben Android ebenfalls noch. iPad und iOS sind durch WebKit noch eingeschränkt, hier fehlen derzeit viele Freiheiten.

Wir diskutieren auch den Gegenwind von anderen Browserherstellern: Bedenken gibt es wegen möglichem Fingerprinting, obwohl die Modelle statisch sind und nicht lernen. Ein weiteres Thema ist die Testbarkeit nicht-deterministischer KI-Features, hier experimentiert man mit Quizfragen, um die Qualität zu prüfen. Außerdem sind die lokal verfügbaren Modelle derzeit auf Englisch beschränkt, was der globalen Web-Community nicht gerecht wird.

Zum Schluss wagen wir einen Ausblick: Wenn man den Anwendungsfall klar entkoppelt, z.B. reine Übersetzung, steigt die Chance, dass auch andere Browser wie Apple Safari eigene KI-APIs nachziehen. Die Entwicklung ist dynamisch, und mit Initiativen wie dem W3C Web Machine Learning Group und Firebase AI entstehen Standards für die Zukunft.

Links

Working Draft Folge 399 [https://workingdraft.de/399/] Frühere Episode mit Thomas Steiner zu Project Fugu. Working Draft Folge 563 [https://workingdraft.de/563/] Follow-up-Folge zu Project Fugu. Chrome AI Übersicht [https://developer.chrome.com/docs/ai/built-in] Grundlegende Infos zu den Chrome Built-in AI APIs

Revision 677: Local AI

Der wöchentliche Podcast für Webdesigner:innen und -entwickler:innen. Supported
uns bei Patreon: https://patreon.com/workingdraft

Schepp

Shows