MastodonTech.de

randomMDN🦖 font-optical-sizing ✅ Widely available (from Mar 2020)<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-optical-sizing" rel="nofollow noopener" translate="no" target="_blank">https://developer.mozilla.org/en-US/docs/Web/CSS/font-optical-sizing</a>The font-optical-sizing CSS property sets whether text rendering is optimized for viewing at different sizes.<a href="https://front-end.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a>

Alvin Ashcraft 🐿️Announcing TypeScript 5.9 by Daniel Rosenwasser.<a href="https://devblogs.microsoft.com/typescript/announcing-typescript-5-9/" rel="nofollow noopener" translate="no" target="_blank">https://devblogs.microsoft.com/typescript/announcing-typescript-5-9/</a> <a href="https://hachyderm.io/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://hachyderm.io/tags/typescript" class="mention hashtag" rel="nofollow noopener" target="_blank">#typescript</a> <a href="https://hachyderm.io/tags/programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#programming</a> <a href="https://hachyderm.io/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a>

That HTML Blog & The Spicy WebAnd now, the post you've all been waiting for…(probably not, but you get it anyway!) 😂The <a href="https://intuitivefuture.com/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> Framework Wars™ have come to an end. And we can thank…<a href="https://intuitivefuture.com/tags/Tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#Tailwind</a> v4 for that! 🤯Freely compose UI using native CSS variables & syntax, Tailwind design tokens in CSS (configured with CSS!), and Tailwind utility classes only where it makes sense. Hallelujah! 🙌As historically one of Tailwind's biggest critics it is *weird* to sing its praises. 2025's biggest <a href="https://intuitivefuture.com/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> surprise? <a href="https://thathtml.blog/2025/08/tailwind-and-css-friends-at-last/" rel="nofollow noopener" translate="no" target="_blank">https://thathtml.blog/2025/08/tailwind-and-css-friends-at-last/</a>

DailyHTML<dfn> Used to indicate the term being defined within the context of a definition phrase or sentence.<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dfn" rel="nofollow noopener" translate="no" target="_blank">https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dfn</a><a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/DailyHTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#DailyHTML</a>

Chris Ferdinandi ⚓️⚓️ New Article: Building extensible frontend systems <a href="https://ift.tt/BO4unes" rel="nofollow noopener" translate="no" target="_blank">https://ift.tt/BO4unes</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/FrontEndDeveloper" class="mention hashtag" rel="nofollow noopener" target="_blank">#FrontEndDeveloper</a> <a href="https://mastodon.social/tags/100DaysOfCode" class="mention hashtag" rel="nofollow noopener" target="_blank">#100DaysOfCode</a> <a href="https://mastodon.social/tags/CodeNewbie" class="mention hashtag" rel="nofollow noopener" target="_blank">#CodeNewbie</a>

Alvin AshcraftDew Drop – August 4, 2025 (#4472) <a href="https://buff.ly/CBh5J6D" rel="nofollow noopener" target="_blank">buff.ly/CBh5J6D</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23dotnet" target="_blank">#dotnet</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23webdev" target="_blank">#webdev</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23ai" target="_blank">#ai</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23windowsdev" target="_blank">#windowsdev</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23cloud" target="_blank">#cloud</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23visualstudio" target="_blank">#visualstudio</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23mobiledev" target="_blank">#mobiledev</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23csharp" target="_blank">#csharp</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23dewdrop" target="_blank">#dewdrop</a> <a href="https://www.alvinashcraft.com/2025/08/04/dew-drop-august-4-2025-4472/" rel="nofollow noopener" target="_blank">Dew Drop – August 4, 2025 (#44...</a>

Alvin Ashcraft 🐿️Dew Drop – August 4, 2025 (#4472)<a href="https://www.alvinashcraft.com/2025/08/04/dew-drop-august-4-2025-4472/" rel="nofollow noopener" translate="no" target="_blank">https://www.alvinashcraft.com/2025/08/04/dew-drop-august-4-2025-4472/</a> <a href="https://hachyderm.io/tags/dotnet" class="mention hashtag" rel="nofollow noopener" target="_blank">#dotnet</a> <a href="https://hachyderm.io/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://hachyderm.io/tags/ai" class="mention hashtag" rel="nofollow noopener" target="_blank">#ai</a> <a href="https://hachyderm.io/tags/windowsdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#windowsdev</a> <a href="https://hachyderm.io/tags/cloud" class="mention hashtag" rel="nofollow noopener" target="_blank">#cloud</a> <a href="https://hachyderm.io/tags/visualstudio" class="mention hashtag" rel="nofollow noopener" target="_blank">#visualstudio</a> <a href="https://hachyderm.io/tags/mobiledev" class="mention hashtag" rel="nofollow noopener" target="_blank">#mobiledev</a> <a href="https://hachyderm.io/tags/csharp" class="mention hashtag" rel="nofollow noopener" target="_blank">#csharp</a> <a href="https://hachyderm.io/tags/dewdrop" class="mention hashtag" rel="nofollow noopener" target="_blank">#dewdrop</a>

Murat UlugGitHub:<a href="https://github.com/muratti32/learn-redis-with-react-and-nestjs⭐" rel="nofollow noopener" translate="no" target="_blank">https://github.com/muratti32/learn-redis-with-react-and-nestjs⭐</a><a href="https://mastodon.social/tags/Redis" class="mention hashtag" rel="nofollow noopener" target="_blank">#Redis</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/TypeScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#TypeScript</a>

scy 🔜 WHYMal ne Frage an freiberufliche (as in: nicht gewerbetreibende) Software-Devs: Wie haltet ihr's mit dem Hosting bzw. Betrieb der von euch erstellten Software?Konkret hab ich hier ne Kundin, die mich auch gern für das Hosting der von mir gebauten Software beauftragen würde. Meine Sorge ist, dass das zu nah am Gewerblichen wäre. (Gewerbeschein hab ich nicht und will ich auch nicht.)Hat da jemand konkret Erfahrung mit, in DE? Googlen kann ich selbst.<a href="https://chaos.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://chaos.social/tags/Freelance" class="mention hashtag" rel="nofollow noopener" target="_blank">#Freelance</a> <a href="https://chaos.social/tags/Freelancer" class="mention hashtag" rel="nofollow noopener" target="_blank">#Freelancer</a> <a href="https://chaos.social/tags/askFediDE" class="mention hashtag" rel="nofollow noopener" target="_blank">#askFediDE</a>

Inautilo<a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener" target="_blank">#Design</a> <a href="https://mastodon.social/tags/Pitfalls" class="mention hashtag" rel="nofollow noopener" target="_blank">#Pitfalls</a> Horizontal scrolling containers? · How they can compromise content accessibility <a href="https://ilo.im/165tdt" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/165tdt</a>_____ <a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#Accessibility</a> <a href="https://mastodon.social/tags/Scrolling" class="mention hashtag" rel="nofollow noopener" target="_blank">#Scrolling</a> <a href="https://mastodon.social/tags/Localization" class="mention hashtag" rel="nofollow noopener" target="_blank">#Localization</a> <a href="https://mastodon.social/tags/Content" class="mention hashtag" rel="nofollow noopener" target="_blank">#Content</a> <a href="https://mastodon.social/tags/Website" class="mention hashtag" rel="nofollow noopener" target="_blank">#Website</a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#ProductDesign</a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#UiDesign</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDesign</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a>

David Bisset"Basecoat" ia "all of the shadcn/ui magic, none of the <a href="https://phpc.social/tags/React" class="mention hashtag" rel="nofollow noopener" target="_blank">#React</a>."A components library built with <a href="https://phpc.social/tags/Tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#Tailwind</a> <a href="https://phpc.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> that works with any web stack.<a href="https://basecoatui.com" rel="nofollow noopener" translate="no" target="_blank">https://basecoatui.com</a><a href="https://phpc.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://phpc.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#frontend</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</a> Writing code was never the bottleneck · AI is powerful, but it doesn’t fix fundamentals <a href="https://ilo.im/1658zl" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/1658zl</a>_____ <a href="https://mastodon.social/tags/Programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#Programming</a> <a href="https://mastodon.social/tags/Coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#Coding</a> <a href="https://mastodon.social/tags/Skills" class="mention hashtag" rel="nofollow noopener" target="_blank">#Skills</a> <a href="https://mastodon.social/tags/AI" class="mention hashtag" rel="nofollow noopener" target="_blank">#AI</a> <a href="https://mastodon.social/tags/Coordination" class="mention hashtag" rel="nofollow noopener" target="_blank">#Coordination</a> <a href="https://mastodon.social/tags/Collaboration" class="mention hashtag" rel="nofollow noopener" target="_blank">#Collaboration</a> <a href="https://mastodon.social/tags/Workflows" class="mention hashtag" rel="nofollow noopener" target="_blank">#Workflows</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/Backend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Backend</a>

randomMDN🦖 Cross-browser audio basics 🦖<a href="https://developer.mozilla.org/en-US/docs/Web/Media/Guides/Audio_and_video_delivery/Cross-browser_audio_basics" rel="nofollow noopener" translate="no" target="_blank">https://developer.mozilla.org/en-US/docs/Web/Media/Guides/Audio_and_video_delivery/Cross-browser_audio_basics</a>This article provides:<a href="https://front-end.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a>

Peter Kröner🤯 TIL: there is a <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> equivalent to <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> support queries: a static method on the CSS object!👉 <a href="https://developer.mozilla.org/en-US/docs/Web/API/CSS/supports_static" rel="nofollow noopener" translate="no" target="_blank">https://developer.mozilla.org/en-US/docs/Web/API/CSS/supports_static</a><a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a>

DailyHTML<search> Represents a part that contains a set of form controls or other content related to performing a search or filtering operation.<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/search" rel="nofollow noopener" translate="no" target="_blank">https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/search</a><a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/DailyHTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#DailyHTML</a>

Peter Kröner"We propose new HTML Canvas APIs for rendering HTML content into the canvas for Canvas 2D and WebGL."👉 <a href="https://github.com/WICG/html-in-canvas" rel="nofollow noopener" translate="no" target="_blank">https://github.com/WICG/html-in-canvas</a><a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Analyses" class="mention hashtag" rel="nofollow noopener" target="_blank">#Analyses</a> Vibe code is legacy code · “Code that nobody understands is tech debt.” <a href="https://ilo.im/165uaf" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/165uaf</a>_____ <a href="https://mastodon.social/tags/Programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#Programming</a> <a href="https://mastodon.social/tags/Coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#Coding</a> <a href="https://mastodon.social/tags/VibeCoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#VibeCoding</a> <a href="https://mastodon.social/tags/AI" class="mention hashtag" rel="nofollow noopener" target="_blank">#AI</a> <a href="https://mastodon.social/tags/Maintainability" class="mention hashtag" rel="nofollow noopener" target="_blank">#Maintainability</a> <a href="https://mastodon.social/tags/TechDebt" class="mention hashtag" rel="nofollow noopener" target="_blank">#TechDebt</a> <a href="https://mastodon.social/tags/LegacyCode" class="mention hashtag" rel="nofollow noopener" target="_blank">#LegacyCode</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/Backend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Backend</a>

Kenji BaheuxWatching @ThePrimeTime's recent video (<a href="https://youtu.be/ciNXbR5wvhU?si=SKJ0IOh678yi2JxB&t=16m29s" rel="nofollow noopener" translate="no" target="_blank">https://youtu.be/ciNXbR5wvhU?si=SKJ0IOh678yi2JxB&t=16m29s</a>) and saw the comments around HTTP cache & resource sharing across origins. As someone who's been on Chrome's web platform loading team, it's a good reminder that awareness and dissemination of knowledge is hard 😳. Resources have long been isolated across sites due to cache partitioning (in Chrome since 2020, even longer in other browsers).Learn more: <a href="https://developer.chrome.com/blog/http-cache-partitioning" rel="nofollow noopener" translate="no" target="_blank">https://developer.chrome.com/blog/http-cache-partitioning</a> <a href="https://ohai.social/tags/webperf" class="mention hashtag" rel="nofollow noopener" target="_blank">#webperf</a> <a href="https://ohai.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Launches" class="mention hashtag" rel="nofollow noopener" target="_blank">#Launches</a> Split Flap · A fun text animation web component for your site <a href="https://ilo.im/165pb9" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/165pb9</a>_____ <a href="https://mastodon.social/tags/Text" class="mention hashtag" rel="nofollow noopener" target="_blank">#Text</a> <a href="https://mastodon.social/tags/Display" class="mention hashtag" rel="nofollow noopener" target="_blank">#Display</a> <a href="https://mastodon.social/tags/Animation" class="mention hashtag" rel="nofollow noopener" target="_blank">#Animation</a> <a href="https://mastodon.social/tags/WebComponent" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebComponent</a> <a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener" target="_blank">#Design</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDesign</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a>

Luis FelipeSpeaking of Python, looking into syntax-highlighting code blocks generated from CommonMark|Markdown text in the in-house PMS, I found that «commonmark.py», the library used by the PMS, is archived and deprecated. They recommend using «markdown-it-py» instead.So I did, and together with Pygments, now the PMS has syntax highlighting. I'm closer to the 21st century now.Thanks to the developers of those libraries, by the way. And to commonmark.py for their service :)<a href="https://mastodon.online/tags/python" class="mention hashtag" rel="nofollow noopener" target="_blank">#python</a> <a href="https://mastodon.online/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a>

Frühere Suchanfragen

Suchoptionen

Verwaltet von:

Serverstatistik:

#webdev