Mastodon

Daniel, founder of js-craft.ioThe 63rd edition of the Js-Craft newsletter is now out: 🗞AI Agents with JavaScript, Tech Job Market, Multimodal AI Agents and more <a href="https://www.js-craft.io/blog/ai-agents-with-javascript-tech-job-market-multimodal-ai-agents-and-more/" target="_blank" rel="nofollow noopener" translate="no">https://www.js-craft.io/blog/ai-agents-with-javascript-tech-job-market-multimodal-ai-agents-and-more/</a><a href="https://mastodon.social/tags/llm" class="mention hashtag" rel="tag">#llm</a> <a href="https://mastodon.social/tags/ai" class="mention hashtag" rel="tag">#ai</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="tag">#webdev</a> <a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="tag">#javascript</a>

It's a me, MauroHappy Monday!I believe that if you start the week by removing code is a good start of the week!I learned how to leverage JWT to send encrypted data to the frontend. And so I stripped down my system of hooks in React and also deleted completely an endpoint in Django that I was using solely to fetch user info.Even more secure, with less code.<a href="https://mograph.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://mograph.social/tags/django" class="mention hashtag" rel="nofollow noopener" target="_blank">#django</a> <a href="https://mograph.social/tags/reactjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#reactjs</a> <a href="https://mograph.social/tags/security" class="mention hashtag" rel="nofollow noopener" target="_blank">#security</a>

Robert KingettThank you you two! Would either of you know how to resolve this particular issue?Or anyone knowledgable about <a href="https://caneandable.social/tags/Eleventy" class="mention hashtag" rel="nofollow noopener" target="_blank">#Eleventy</a> really!When viewing tag RSS feeds, the permalinks don't take me to the posts in question but when I view my full site feed, everything is perfectly fine!For reference, here is our Tag feed file. <a href="https://github.com/rkingett/myblog/blob/main/content/helpers/tag-feeds.njk" rel="nofollow noopener" translate="no" target="_blank">https://github.com/rkingett/myblog/blob/main/content/helpers/tag-feeds.njk</a>As an example, the tag RSS feed on this page has post title links that go nowhere.<a href="https://sightlessscribbles.com/posts/tags/blog-and-journal/" rel="nofollow noopener" translate="no" target="_blank">https://sightlessscribbles.com/posts/tags/blog-and-journal/</a><a href="https://caneandable.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://hachyderm.io/@olets" class="u-url mention" rel="nofollow noopener" target="_blank">@olets</a> <a href="https://indieweb.social/@bobmonsour" class="u-url mention" rel="nofollow noopener" target="_blank">@bobmonsour</a> <a href="https://fosstodon.org/@eleventy" class="u-url mention" rel="nofollow noopener" target="_blank">@eleventy</a>

CodropsToday we have a brilliant new demo by Deadrabbbbit for you! 🌌It's a super cool scanning light effect built with WebGPU, depth maps, and custom shaders using Three.js and R3F.Check it out: <a href="https://tympanus.net/codrops/2025/03/31/webgpu-scanning-effect-with-depth-maps/" target="_blank" rel="nofollow noopener" translate="no">https://tympanus.net/codrops/2025/03/31/webgpu-scanning-effect-with-depth-maps/</a> <a href="https://mastodon.social/tags/webgl" class="mention hashtag" rel="tag">#webgl</a> <a href="https://mastodon.social/tags/webgpu" class="mention hashtag" rel="tag">#webgpu</a> <a href="https://mastodon.social/tags/threejs" class="mention hashtag" rel="tag">#threejs</a> <a href="https://mastodon.social/tags/r3f" class="mention hashtag" rel="tag">#r3f</a> <a href="https://mastodon.social/tags/tsl" class="mention hashtag" rel="tag">#tsl</a> <a href="https://mastodon.social/tags/creativecoding" class="mention hashtag" rel="tag">#creativecoding</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="tag">#webdev</a>

randomMDN🦖 DedicatedWorkerGlobalScope: messageerror event ☑️ Newly available (from Mar 2023)<a href="https://developer.mozilla.org/en-US/docs/Web/API/DedicatedWorkerGlobalScope/messageerror_event" rel="nofollow noopener" translate="no" target="_blank">https://developer.mozilla.org/en-US/docs/Web/API/DedicatedWorkerGlobalScope/messageerror_event</a>The messageerror event is fired on a DedicatedWorkerGlobalScope object when it receives a message that can't be deserialized.<a href="https://front-end.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a>

Peter KrönerBad: Mondays Very bad: Mondays + <a href="https://mastodon.social/tags/react" class="mention hashtag" rel="tag">#react</a> Catastrophically bad: Mondays + react written by the usual crew of demented troglodytes 🥴<a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="tag">#webdev</a>

Mainmatter🚨 ember-css-modules can block <a href="https://fosstodon.org/tags/emberjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#emberjs</a> apps from switching to <a href="https://m.webtoo.ls/@vite" class="u-url mention" rel="nofollow noopener" target="_blank">@vite</a> . We’ve paved a migration path—with ember-scoped-css. Read <a href="https://mastodon.social/@BlueCut" class="u-url mention" rel="nofollow noopener" target="_blank">@BlueCut</a> ’s step-by-step migration guide with gradual file-by-file refactoring while keeping styles intact ➡️ <a href="https://mainmatter.com/blog/2025/03/28/migrate-from-ember-css-modules/" rel="nofollow noopener" translate="no" target="_blank">https://mainmatter.com/blog/2025/03/28/migrate-from-ember-css-modules/</a><a href="https://fosstodon.org/tags/EmberJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#EmberJS</a> <a href="https://fosstodon.org/tags/Vite" class="mention hashtag" rel="nofollow noopener" target="_blank">#Vite</a> <a href="https://fosstodon.org/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://fosstodon.org/tags/Mainmatter" class="mention hashtag" rel="nofollow noopener" target="_blank">#Mainmatter</a>

btreeMy log calendar week 13 / 2025 is available: <a href="https://github.com/vbd/Fieldnotes/blob/main/public-log/2025-cw13.md" target="_blank" rel="nofollow noopener" translate="no">https://github.com/vbd/Fieldnotes/blob/main/public-log/2025-cw13.md</a> Everyone is welcome to read, have fun and a good time! <a href="https://mastodon.social/tags/golang" class="mention hashtag" rel="tag">#golang</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="tag">#webdev</a> <a href="https://mastodon.social/tags/development" class="mention hashtag" rel="tag">#development</a> <a href="https://mastodon.social/tags/vim" class="mention hashtag" rel="tag">#vim</a> <a href="https://mastodon.social/tags/agile" class="mention hashtag" rel="tag">#agile</a> <a href="https://mastodon.social/tags/ai" class="mention hashtag" rel="tag">#ai</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="tag">#Development</a> <a href="https://mastodon.social/tags/Guides" class="mention hashtag" rel="tag">#Guides</a> Must-know Interop features 2025 · A learning guide for the next couple of months <a href="https://ilo.im/1631b4" target="_blank" rel="nofollow noopener" translate="no">https://ilo.im/1631b4</a>_____ <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="tag">#Browser</a> <a href="https://mastodon.social/tags/Interoperability" class="mention hashtag" rel="tag">#Interoperability</a> <a href="https://mastodon.social/tags/AnchorPositioning" class="mention hashtag" rel="tag">#AnchorPositioning</a> <a href="https://mastodon.social/tags/ViewTransitions" class="mention hashtag" rel="tag">#ViewTransitions</a> <a href="https://mastodon.social/tags/WebVitals" class="mention hashtag" rel="tag">#WebVitals</a> <a href="https://mastodon.social/tags/WebPerf" class="mention hashtag" rel="tag">#WebPerf</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="tag">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="tag">#Frontend</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="tag">#CSS</a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="tag">#JavaScript</a>

argv minus oneI feel the sudden need to use the color #800085 somewhere on a professional website.<a href="https://mastodon.sdf.org/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://mastodon.sdf.org/tags/shitpost" class="mention hashtag" rel="nofollow noopener" target="_blank">#shitpost</a>

David Wilson🔴 On today's Crafter Hours stream, I'll show some progress I made on hosting both the emacspackages site and the new Guile-backed System Crafters site on the same Guix server.I kinda made a mess with it though, so we'll have to find our way out of that, too :)Join us here:- <a href="https://youtube.com/live/OITQtQnz9X8" rel="nofollow noopener" translate="no" target="_blank">https://youtube.com/live/OITQtQnz9X8</a> - <a href="https://twitch.tv/SystemCrafters" rel="nofollow noopener" translate="no" target="_blank">https://twitch.tv/SystemCrafters</a><a href="https://fosstodon.org/tags/guile" class="mention hashtag" rel="nofollow noopener" target="_blank">#guile</a> <a href="https://fosstodon.org/tags/scheme" class="mention hashtag" rel="nofollow noopener" target="_blank">#scheme</a> <a href="https://fosstodon.org/tags/guix" class="mention hashtag" rel="nofollow noopener" target="_blank">#guix</a> <a href="https://fosstodon.org/tags/programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#programming</a> <a href="https://fosstodon.org/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://fosstodon.org/tags/sql" class="mention hashtag" rel="nofollow noopener" target="_blank">#sql</a>

Ana Tudor 🐯Here's a neat little effect with no text duplication. Uses `background-clip: text` to create the split text face effect + scroll-driven animations to tie the gradient split line position to the 1st section's bottom edge.Live on <a href="https://fosstodon.org/@codepen" class="u-url mention">@codepen</a> <a href="https://codepen.io/thebabydino/pen/XJWxLWV" target="_blank" rel="nofollow noopener" translate="no">https://codepen.io/thebabydino/pen/XJWxLWV</a>cc <a href="https://front-end.social/@bramus" class="u-url mention">@bramus</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="tag">#CSS</a> <a href="https://mastodon.social/tags/scroll" class="mention hashtag" rel="tag">#scroll</a> <a href="https://mastodon.social/tags/scrollAnimation" class="mention hashtag" rel="tag">#scrollAnimation</a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="tag">#coding</a> <a href="https://mastodon.social/tags/cssAnimation" class="mention hashtag" rel="tag">#cssAnimation</a> <a href="https://mastodon.social/tags/gradientText" class="mention hashtag" rel="tag">#gradientText</a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="tag">#frontend</a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="tag">#web</a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="tag">#dev</a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="tag">#webDev</a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="tag">#webDevelopment</a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="tag">#code</a>

Inautilo<a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="tag">#Design</a> <a href="https://mastodon.social/tags/Launches" class="mention hashtag" rel="tag">#Launches</a> Symbl · A collection of symbols for designers and developers <a href="https://ilo.im/162va3" target="_blank" rel="nofollow noopener" translate="no">https://ilo.im/162va3</a>_____ <a href="https://mastodon.social/tags/Symbols" class="mention hashtag" rel="tag">#Symbols</a> <a href="https://mastodon.social/tags/Figma" class="mention hashtag" rel="tag">#Figma</a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="tag">#ProductDesign</a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="tag">#UiDesign</a> <a href="https://mastodon.social/tags/VisualDesign" class="mention hashtag" rel="tag">#VisualDesign</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="tag">#WebDesign</a> <a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="tag">#Development</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="tag">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="tag">#Frontend</a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="tag">#HTML</a>

Manav RathiFlex sizes the cells, grid sizes the tracks.A page where you can play with this by resizing the window with dev tools open: <a href="https://mnvr.in/flex-vs-grid" target="_blank" rel="nofollow noopener" translate="no">https://mnvr.in/flex-vs-grid</a>(if I'm wrong and there is a way to achieve the same effect with flex, let me know, I'm curious!)<a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="tag">#webdev</a> <a href="https://mastodon.social/tags/html" class="mention hashtag" rel="tag">#html</a> <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="tag">#css</a>

SergiNew blog post: Bringing back the scrollbarsHow to bring back the scrollbars on Firefox.<a href="https://sergiswriting.com/bring-back-scrollbars/" rel="nofollow noopener" translate="no" target="_blank">https://sergiswriting.com/bring-back-scrollbars/</a><a href="https://floss.social/tags/Firefox" class="mention hashtag" rel="nofollow noopener" target="_blank">#Firefox</a> <a href="https://floss.social/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webDev</a> <a href="https://floss.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#accessibility</a> <a href="https://floss.social/tags/scrollbar" class="mention hashtag" rel="nofollow noopener" target="_blank">#scrollbar</a>

.:\dGh/:.Found the antichrist on myself.<a href="https://mastodon.social/tags/PHP" class="mention hashtag" rel="tag">#PHP</a> <a href="https://mastodon.social/tags/Laravel" class="mention hashtag" rel="tag">#Laravel</a> <a href="https://mastodon.social/tags/EloquentORM" class="mention hashtag" rel="tag">#EloquentORM</a> <a href="https://mastodon.social/tags/ORM" class="mention hashtag" rel="tag">#ORM</a> <a href="https://mastodon.social/tags/Database" class="mention hashtag" rel="tag">#Database</a> <a href="https://mastodon.social/tags/DB" class="mention hashtag" rel="tag">#DB</a> <a href="https://mastodon.social/tags/Programming" class="mention hashtag" rel="tag">#Programming</a> <a href="https://mastodon.social/tags/Coding" class="mention hashtag" rel="tag">#Coding</a> <a href="https://mastodon.social/tags/Code" class="mention hashtag" rel="tag">#Code</a> <a href="https://mastodon.social/tags/SoftwareDevelopment" class="mention hashtag" rel="tag">#SoftwareDevelopment</a> <a href="https://mastodon.social/tags/Software" class="mention hashtag" rel="tag">#Software</a> <a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="tag">#WebDevelopment</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="tag">#WebDev</a>

Webdev WeeklyPixelfed leaks private posts from other Fediverse instances<a href="https://fokus.cool/2025/03/25/pixelfed-vulnerability.html" target="_blank" rel="nofollow noopener" translate="no">https://fokus.cool/2025/03/25/pixelfed-vulnerability.html</a>Discussions: <a href="https://discu.eu/q/https://fokus.cool/2025/03/25/pixelfed-vulnerability.html" target="_blank" rel="nofollow noopener" translate="no">https://discu.eu/q/https://fokus.cool/2025/03/25/pixelfed-vulnerability.html</a><a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="tag">#programming</a> <a href="https://mastodon.social/tags/security" class="mention hashtag" rel="tag">#security</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="tag">#webdev</a>

Ruby Weeklyfast-mcp: ConnectAI modelsto your Railsapps withease<a href="https://github.com/yjacquin/fast-mcp" target="_blank" rel="nofollow noopener" translate="no">https://github.com/yjacquin/fast-mcp</a>Discussions: <a href="https://discu.eu/q/https://github.com/yjacquin/fast-mcp" target="_blank" rel="nofollow noopener" translate="no">https://discu.eu/q/https://github.com/yjacquin/fast-mcp</a><a href="https://mastodon.social/tags/compsci" class="mention hashtag" rel="tag">#compsci</a> <a href="https://mastodon.social/tags/machinelearning" class="mention hashtag" rel="tag">#machinelearning</a> <a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="tag">#programming</a> <a href="https://mastodon.social/tags/rails" class="mention hashtag" rel="tag">#rails</a> <a href="https://mastodon.social/tags/ruby" class="mention hashtag" rel="tag">#ruby</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="tag">#webdev</a>

.:\dGh/:.I fully expect <a href="https://mastodon.social/tags/Laravel" class="mention hashtag" rel="tag">#Laravel</a> to start deprecating the `Attribute` cast starting with Laravel 13.x.I have, quite literally, no argument to use Attribute casts over Property Hooks. Plus, because these are native, there is no overhead.<a href="https://mastodon.social/tags/PHP" class="mention hashtag" rel="tag">#PHP</a> <a href="https://mastodon.social/tags/Programming" class="mention hashtag" rel="tag">#Programming</a> <a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="tag">#WebDevelopment</a> <a href="https://mastodon.social/tags/Technology" class="mention hashtag" rel="tag">#Technology</a> <a href="https://mastodon.social/tags/Code" class="mention hashtag" rel="tag">#Code</a> <a href="https://mastodon.social/tags/Coding" class="mention hashtag" rel="tag">#Coding</a> <a href="https://mastodon.social/tags/SoftwareDevelopment" class="mention hashtag" rel="tag">#SoftwareDevelopment</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="tag">#WebDev</a> <a href="https://mastodon.social/tags/PHP84" class="mention hashtag" rel="tag">#PHP84</a> <a href="https://mastodon.social/tags/PHP8" class="mention hashtag" rel="tag">#PHP8</a>

Robert KingettAh thank you! I believe that's what we were doing, me and my developer, but if you could take a look, that would be epic!The repo is at <a href="https://github.com/rkingett/myblog" rel="nofollow noopener" translate="no" target="_blank">https://github.com/rkingett/myblog</a>An example of a problematic capital, especially with permalinks in the RSS feed, is at, <a href="https://sightlessscribbles.com/posts/tags/ai/" rel="nofollow noopener" translate="no" target="_blank">https://sightlessscribbles.com/posts/tags/ai/</a><a href="https://caneandable.social/tags/Eleventy" class="mention hashtag" rel="nofollow noopener" target="_blank">#Eleventy</a> <a href="https://caneandable.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a><a href="https://indieweb.social/@bobmonsour" class="u-url mention" rel="nofollow noopener" target="_blank">@bobmonsour</a> <a href="https://fosstodon.org/@eleventy" class="u-url mention" rel="nofollow noopener" target="_blank">@eleventy</a>

Recent searches

Search options

Administered by:

Server stats:

#webdev