Mathstodon

Nael ShiabI’m baaack! 😄 Just dropped a new Svelte lesson where we code an interactive wildfire map of Canada together using SDA and Plot. 🔥Wondering what I’ve been up to these past couple of weeks? Subscribe to the newsletter 😏<a href="https://www.code-like-a-journalist.com/en/web-basics/svelte" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.code-like-a-journalist.com/en/web-basics/svelte</a><a href="https://vis.social/tags/Svelte" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Svelte</a> <a href="https://vis.social/tags/Dataviz" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Dataviz</a> <a href="https://vis.social/tags/TypeScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TypeScript</a>

MainmatterEver wished for a Svelte support hotline?Here it is: sign up for our Svelte Support Subscription ☔🤝Get instant access to our <a href="https://fosstodon.org/tags/svelte" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#svelte</a> experts led by <a href="https://front-end.social/@paoloricciuti" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@paoloricciuti</a>: whether you need a quick gut check, a deep code review, or a hands-on pairing session, we’re here to help. ➡️ <a href="https://mainmatter.com/svelte-subscription/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://mainmatter.com/svelte-subscription/</a>1/🧵

Webdev WeeklyBetter Auth integrates amazingly simple with SvelteKit<a href="https://www.youtube.com/watch?v=uv6FvPMfdf0" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.youtube.com/watch?v=uv6FvPMfdf0</a>Discussions: <a href="https://discu.eu/q/https://www.youtube.com/watch?v=uv6FvPMfdf0" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://discu.eu/q/https://www.youtube.com/watch?v=uv6FvPMfdf0</a><a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javascript</a> <a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#programming</a> <a href="https://mastodon.social/tags/svelte" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#svelte</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a>

Dylan </closingtags.com>With the changes brought by Svelte 5, I found myself wanting to take advantage of performance improvements and harness the power of runes. But converting my stores to something 'rune-based' proved more challenging than I had hoped since so much of my codebase relied on stores.Migrating Svelte Stores to Runes <a href="https://www.closingtags.com/svelte-stores-to-runes" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.closingtags.com/svelte-stores-to-runes</a><a href="https://mastodon.social/tags/typescript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#typescript</a> <a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javascript</a> <a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#programming</a> <a href="https://mastodon.social/tags/svelte" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#svelte</a> <a href="https://mastodon.social/tags/sveltekit" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#sveltekit</a> <a href="https://mastodon.social/tags/indexeddb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#indexeddb</a> <a href="https://mastodon.social/tags/localfirst" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#localfirst</a>

Scott Chamberlain[blog] Picking a web framework <a href="https://recology.info/2025/03/web-frameworks/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://recology.info/2025/03/web-frameworks/</a>Wrote up some thoughts/learnings on looking into what web framework to use for a work project <a href="https://fosstodon.org/tags/python" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#python</a> <a href="https://fosstodon.org/tags/ruby" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ruby</a> <a href="https://fosstodon.org/tags/svelte" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#svelte</a> <a href="https://fosstodon.org/tags/htmx" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#htmx</a>

Webdev WeeklySvelte 5 $state Tutorial<a href="https://svelte.dev/tutorial/svelte/state" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://svelte.dev/tutorial/svelte/state</a>Discussions: <a href="https://discu.eu/q/https://svelte.dev/tutorial/svelte/state" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://discu.eu/q/https://svelte.dev/tutorial/svelte/state</a><a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javascript</a> <a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#programming</a> <a href="https://mastodon.social/tags/svelte" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#svelte</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a>

happyborgToday I added <a href="https://fosstodon.org/tags/OpenAPI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#OpenAPI</a> documentation to <a href="https://fosstodon.org/tags/dweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dweb</a> for building <a href="https://fosstodon.org/tags/RESTful" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#RESTful</a> <a href="https://fosstodon.org/tags/p2p" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#p2p</a> web apps using your favourite web framework, or no framework at all. All I have to do now is add more APIs!But tbh, that's easy. The hardest part is actually the documentation. :rofl: So to make it more fun I'm adding the APIs need to enhance my <a href="https://fosstodon.org/tags/Fileman" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Fileman</a> <a href="https://fosstodon.org/tags/Svelte" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Svelte</a> demo.So next is image preview which means adding /dweb-0/file-get <a href="https://fosstodon.org/tags/Decentralization" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Decentralization</a> <a href="https://fosstodon.org/tags/dApps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dApps</a> <a href="https://fosstodon.org/tags/WebApp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebApp</a> <a href="https://fosstodon.org/tags/API" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#API</a>

Hacker NewsSvelte: $derived can now be overwritten<a href="https://github.com/sveltejs/svelte/pull/15570" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/sveltejs/svelte/pull/15570</a><a href="https://mastodon.social/tags/HackerNews" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HackerNews</a> <a href="https://mastodon.social/tags/Svelte" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Svelte</a> #$derived <a href="https://mastodon.social/tags/Overwrite" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Overwrite</a> <a href="https://mastodon.social/tags/Update" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Update</a> <a href="https://mastodon.social/tags/SvelteJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SvelteJS</a> <a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDevelopment</a> <a href="https://mastodon.social/tags/OpenSource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#OpenSource</a>

Harry W.Been playing a lot with <a href="https://mstdn.social/tags/Svelte" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Svelte</a>, and finding it much nicer to work with than <a href="https://mstdn.social/tags/React" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#React</a>. I’ve not written anything complex yet, so I might run into some unexpected brick walls.<a href="https://mstdn.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mstdn.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> <a href="https://mstdn.social/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#code</a> <a href="https://mstdn.social/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#programming</a>

LavX NewsRevolutionizing Web Development: Meet Threlte, the Svelte Library for 3D AppsSay goodbye to complex 3D rendering and hello to Threlte, the new Svelte library that simplifies the creation of interactive 3D applications for the web. With a clean API and powerful integrations, Th...<a href="https://news.lavx.hu/article/revolutionizing-web-development-meet-threlte-the-svelte-library-for-3d-apps" rel="nofollow noopener noreferrer" target="_blank">https://news.lavx.hu/article/revolutionizing-web-development-meet-threlte-the-svelte-library-for-3d-apps</a><a href="https://mastodon.cloud/tags/news" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#news</a> <a href="https://mastodon.cloud/tags/tech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#tech</a> <a href="https://mastodon.cloud/tags/Svelte" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Svelte</a> <a href="https://mastodon.cloud/tags/ThreeJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ThreeJS</a> <a href="https://mastodon.cloud/tags/Threlte" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Threlte</a>

d17e (David Vandenbogaerde)Time for some content Next up: plugging in some of the pictures and videos I've been making over the last year... Work in progress... For the finished thing, go to d17e.dev <a href="https://mastodon.social/tags/d17e" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#d17e</a>.dev <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SVG</a> <a href="https://mastodon.social/tags/Astro" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Astro</a> <a href="https://mastodon.social/tags/Svelte" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Svelte</a> <a href="https://d17e.dev" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://d17e.dev</a>

KeevSomebody into Svelte? What UI kit/framework do you use? Framework7 have an issue with svetle5 so looking for alternative. Thank you<a href="https://sunny.garden/tags/js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#js</a> <a href="https://sunny.garden/tags/svelte" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#svelte</a> <a href="https://sunny.garden/tags/UI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UI</a> <a href="https://sunny.garden/tags/framework" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#framework</a> <a href="https://sunny.garden/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dev</a>

Webdev WeeklyThe best SvelteKit codebase I've ever seen<a href="https://github.com/vercel/ai-chatbot-svelte" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/vercel/ai-chatbot-svelte</a>Discussions: <a href="https://discu.eu/q/https://github.com/vercel/ai-chatbot-svelte" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://discu.eu/q/https://github.com/vercel/ai-chatbot-svelte</a><a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javascript</a> <a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#programming</a> <a href="https://mastodon.social/tags/svelte" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#svelte</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a>

d17e (David Vandenbogaerde)for my business, though I realized that the '.dev' part might be unnecessarily limiting or distracting. So, with less often being more, I dropped that part. So here's a WIP version of my new logo & brand. Care to see the final version? Go over to d17e.dev and have peek! <a href="https://mastodon.social/tags/d17e" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#d17e</a>.dev <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SVG</a> <a href="https://mastodon.social/tags/Astro" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Astro</a> <a href="https://mastodon.social/tags/Svelte" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Svelte</a> <a href="https://d17e.dev" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://d17e.dev</a>

Marc Trius<a href="https://better.boston/@itamarst" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@itamarst</a> one of the nice things is that I was touching this just now because of a weird bug¹ with Svelte and a state management library I was using, that was only affecting integration testing but started affecting the app itself when I added a schema validation library². So I removed the state management library and now I can also get on writing those tests! ¹) I submitted a bug report like 3 weeks ago but no response so far ²) dependency hell is my least favorite part of working in js/ts. I remember this from when I was learning React<a href="https://hachyderm.io/tags/svelte" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#svelte</a> <a href="https://hachyderm.io/tags/typescript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#typescript</a>

d17e (David Vandenbogaerde)Time for some color... With the fonts out of the way, it was time for some color. So I plugged in a tweaked color palette generator function from one of last Genuary's entries to get going... I *am* dragging this out a bit, but there's absolutely no reason you can't see the 'end' result right now. If that's what you want at least. All you have to do is point your browser to d17e.dev <a href="https://mastodon.social/tags/d17e" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#d17e</a>.dev <a href="https://mastodon.social/tags/svelte" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#svelte</a> <a href="https://mastodon.social/tags/svg" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#svg</a> <a href="https://mastodon.social/tags/astro" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#astro</a> <a href="https://d17e.dev" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://d17e.dev</a>

Hacker NewsKonva.js - Declarative 2D Canvas for React, Vue, and Svelte<a href="https://konvajs.org/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://konvajs.org/</a><a href="https://mastodon.social/tags/HackerNews" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HackerNews</a> <a href="https://mastodon.social/tags/KonvaJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#KonvaJS</a> <a href="https://mastodon.social/tags/DeclarativeCanvas" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DeclarativeCanvas</a> <a href="https://mastodon.social/tags/React" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#React</a> <a href="https://mastodon.social/tags/Vue" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Vue</a> <a href="https://mastodon.social/tags/Svelte" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Svelte</a> <a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDevelopment</a>

d17e (David Vandenbogaerde)writing monospace fonts, I realised I did not have to look any further... Can't wait to see what this all adds up to? Go check out d17e.dev! <a href="https://mastodon.social/tags/atipofoundry" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#atipofoundry</a> <a href="https://mastodon.social/tags/nudica" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#nudica</a> <a href="https://mastodon.social/tags/d17e" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#d17e</a>.dev <a href="https://mastodon.social/tags/svelte" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#svelte</a> <a href="https://mastodon.social/tags/svg" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#svg</a> <a href="https://mastodon.social/tags/astro" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#astro</a> <a href="https://d17e.dev" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://d17e.dev</a>

Carmen Torrecillas🚨 Nuevo en <a href="https://mastodon.social/@civio" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@civio</a> 2ª pieza de nuestra serie sobre <a href="https://vis.social/tags/algoritmos" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#algoritmos</a> en la <a href="https://vis.social/tags/administraci%C3%B3nP%C3%BAblica" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#administraciónPública</a>. Y nuestro tema más surrealista en mucho tiempo:🤖 Hablamos de Veripol, la hasta hace poco ⭐️ IA estrella de la Policía Nacional ⭐️ para detectar denuncias falsas.Y, para que entiendas mejor cómo funcionaba, hemos diseñado un pequeño juego interactivo, que te reta a adivinar el criterio de veracidad/falsedad de Veripol 👇👩🏻‍💻👨🏻‍💻 Mano a mano con Ter, Adrián y <a href="https://mastodon.social/@dcabo" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@dcabo</a> <a href="https://vis.social/tags/dataviz" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dataviz</a> <a href="https://vis.social/tags/svelte" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#svelte</a> <a href="https://civio.es/transparencia/2025/03/19/la-policia-nacional-deja-de-usar-veripol-su-ia-estrella-para-detectar-denuncias-falsas/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://civio.es/transparencia/2025/03/19/la-policia-nacional-deja-de-usar-veripol-su-ia-estrella-para-detectar-denuncias-falsas/</a>

d17e (David Vandenbogaerde)(originally posted on 2025-02-10) - Genuary 25 #29: What if? What if we could put HTML into these shapes? Could this be a new way of laying out grids? Out with masonry, in with bentoboxes I say. To be continued... Visit <a href="https://genuary25.d17e.dev/prompt/29" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://genuary25.d17e.dev/prompt/29</a> for the interactive version. <a href="https://mastodon.social/tags/genuary" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#genuary</a> <a href="https://mastodon.social/tags/genuary25" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#genuary25</a> <a href="https://mastodon.social/tags/genuary29" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#genuary29</a> <a href="https://mastodon.social/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JS</a> <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SVG</a> <a href="https://mastodon.social/tags/svelte" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#svelte</a> <a href="https://mastodon.social/tags/codeart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#codeart</a> <a href="https://mastodon.social/tags/svgart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#svgart</a> <a href="https://mastodon.social/tags/bentobox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#bentobox</a> <a href="https://mastodon.social/tags/swap" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#swap</a> <a href="https://mastodon.social/tags/divide" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#divide</a> <a href="https://genuary25.d17e.dev/prompt/29" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://genuary25.d17e.dev/prompt/29</a>

Recent searches

Search options

Administered by:

Server stats:

#svelte