Social 📸 Photography

Frontend DogmaCompile Svelte 5 in Your Head, by (not on Mastodon or Bluesky):<a href="https://lihautan.com/compile-svelte-5-in-your-head" rel="nofollow noopener" translate="no" target="_blank">https://lihautan.com/compile-svelte-5-in-your-head</a><a href="https://mas.to/tags/svelte" class="mention hashtag" rel="nofollow noopener" target="_blank">#svelte</a> <a href="https://mas.to/tags/compiling" class="mention hashtag" rel="nofollow noopener" target="_blank">#compiling</a> <a href="https://mas.to/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a>

SkyeAnyone happen to be looking for a programmer who hasn't been completely consumed by all-AI-everything by any chance? Freelance or hired, remote (based in Germany). I speak German and English and mostly worked with <a href="https://chaos.social/tags/PHP" class="mention hashtag" rel="nofollow noopener" target="_blank">#PHP</a>, <a href="https://chaos.social/tags/Laravel" class="mention hashtag" rel="nofollow noopener" target="_blank">#Laravel</a>, <a href="https://chaos.social/tags/Kirby" class="mention hashtag" rel="nofollow noopener" target="_blank">#Kirby</a> CMS, <a href="https://chaos.social/tags/Vue" class="mention hashtag" rel="nofollow noopener" target="_blank">#Vue</a>, <a href="https://chaos.social/tags/Svelte" class="mention hashtag" rel="nofollow noopener" target="_blank">#Svelte</a> and a bit of native mobile dev (Swift and Kotlin), too.I know the chances are slim given *everything in the world*, but maybe this time <a href="https://chaos.social/tags/getfedihired" class="mention hashtag" rel="nofollow noopener" target="_blank">#getfedihired</a> might work out? Boost super appreciated. Feel free to DM or email at skye@lavenderbits.com

Leo Febey 🚌My wild Friday night consisted of playing around with Tauri + Svelte to make desktop apps. It is looking like a pretty solid way to make cross platform apps pretty quickly with Rust as a backend <a href="https://v2.tauri.app/" rel="nofollow noopener" translate="no" target="_blank">https://v2.tauri.app/</a> <a href="https://aus.social/tags/tauri" class="mention hashtag" rel="nofollow noopener" target="_blank">#tauri</a> <a href="https://aus.social/tags/rust" class="mention hashtag" rel="nofollow noopener" target="_blank">#rust</a> <a href="https://aus.social/tags/svelte" class="mention hashtag" rel="nofollow noopener" target="_blank">#svelte</a>

Frontend DogmaWhat Svelte Promises, by <a href="https://toot.cafe/@rich_harris" class="u-url mention" rel="nofollow noopener" target="_blank">@rich_harris</a> (@sveltesociety.dev):<a href="https://www.youtube.com/watch?v=1dATE70wlHc" rel="nofollow noopener" translate="no" target="_blank">https://www.youtube.com/watch?v=1dATE70wlHc</a><a href="https://mas.to/tags/videos" class="mention hashtag" rel="nofollow noopener" target="_blank">#videos</a> <a href="https://mas.to/tags/svelte" class="mention hashtag" rel="nofollow noopener" target="_blank">#svelte</a>

Frontend DogmaIntroduction to JavaScript Frameworks, by @ryansolid.bsky.social:<a href="https://www.youtube.com/watch?v=DAci3O2j31o" rel="nofollow noopener" translate="no" target="_blank">https://www.youtube.com/watch?v=DAci3O2j31o</a><a href="https://mas.to/tags/introductions" class="mention hashtag" rel="nofollow noopener" target="_blank">#introductions</a> <a href="https://mas.to/tags/videos" class="mention hashtag" rel="nofollow noopener" target="_blank">#videos</a> <a href="https://mas.to/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> <a href="https://mas.to/tags/frameworks" class="mention hashtag" rel="nofollow noopener" target="_blank">#frameworks</a> <a href="https://mas.to/tags/react" class="mention hashtag" rel="nofollow noopener" target="_blank">#react</a> <a href="https://mas.to/tags/angular" class="mention hashtag" rel="nofollow noopener" target="_blank">#angular</a> <a href="https://mas.to/tags/vuejs" class="mention hashtag" rel="nofollow noopener" target="_blank">#vuejs</a> <a href="https://mas.to/tags/svelte" class="mention hashtag" rel="nofollow noopener" target="_blank">#svelte</a> <a href="https://mas.to/tags/solidjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#solidjs</a>

Matt FantinelI've dropped a few hints here and there that I'm redesigning my website and blog. I'm also rewriting it from scratch, with Astro!So, I figured I'd set up Storybook on that project. It's just a simple collection of Svelte components, right? How hard could it be?Significantly.<a href="https://fantinel.dev/storybook-astro-svelte" rel="nofollow noopener" translate="no" target="_blank">https://fantinel.dev/storybook-astro-svelte</a><a href="https://hachyderm.io/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://hachyderm.io/tags/astro" class="mention hashtag" rel="nofollow noopener" target="_blank">#astro</a> <a href="https://hachyderm.io/tags/storybook" class="mention hashtag" rel="nofollow noopener" target="_blank">#storybook</a> <a href="https://hachyderm.io/tags/svelte" class="mention hashtag" rel="nofollow noopener" target="_blank">#svelte</a> <a href="https://hachyderm.io/tags/rss" class="mention hashtag" rel="nofollow noopener" target="_blank">#rss</a>

David BissetNICE. 🎉<a href="https://phpc.social/tags/opensource" class="mention hashtag" rel="nofollow noopener" target="_blank">#opensource</a> and <a href="https://phpc.social/tags/selfhostable" class="mention hashtag" rel="nofollow noopener" target="_blank">#selfhostable</a> private file converter.<a href="https://vert.sh/" rel="nofollow noopener" translate="no" target="_blank">https://vert.sh/</a> <a href="https://github.com/VERT-sh/VERT" rel="nofollow noopener" translate="no" target="_blank">https://github.com/VERT-sh/VERT</a>- Convert files directly on your device using WebAssembly. - No file size limits. - Supports multiple file formats.<a href="https://phpc.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://phpc.social/tags/webtools" class="mention hashtag" rel="nofollow noopener" target="_blank">#webtools</a> <a href="https://phpc.social/tags/Svelte" class="mention hashtag" rel="nofollow noopener" target="_blank">#Svelte</a>

Jani NikulaSnooker is one of my favourite hobbies. I play (badly) and I watch it on TV.And I've combined the snooker hobby with my programming hobby by writing a simple snooker scoreboard web app. TypeScript and Svelte 5 FTW.There are many others, but this one's mine, it's free as in beer and free as in freedom. And it respects your privacy.I call it Groovescore, with a hat-tip to my snooker club Groovetown Jack.<a href="https://fosstodon.org/tags/snooker" class="mention hashtag" rel="nofollow noopener" target="_blank">#snooker</a> <a href="https://fosstodon.org/tags/typescript" class="mention hashtag" rel="nofollow noopener" target="_blank">#typescript</a> <a href="https://fosstodon.org/tags/svelte" class="mention hashtag" rel="nofollow noopener" target="_blank">#svelte</a> <a href="https://groovescore.app/" rel="nofollow noopener" translate="no" target="_blank">https://groovescore.app/</a>

Samuel PlumppuJust updated my <a href="https://fosstodon.org/tags/localfirst" class="mention hashtag" rel="nofollow noopener" target="_blank">#localfirst</a> Lifewheel <a href="https://fosstodon.org/tags/app" class="mention hashtag" rel="nofollow noopener" target="_blank">#app</a> based on some <a href="https://fosstodon.org/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#UX</a> feedback, and I'm really happy with how it turned out! <a href="https://fosstodon.org/tags/Svelte" class="mention hashtag" rel="nofollow noopener" target="_blank">#Svelte</a> 5 greatly simplified the <a href="https://fosstodon.org/tags/DX" class="mention hashtag" rel="nofollow noopener" target="_blank">#DX</a> and hopefully made this <a href="https://fosstodon.org/tags/foss" class="mention hashtag" rel="nofollow noopener" target="_blank">#foss</a> codebase easier to maintain too.🔗 Try it out: <a href="https://reconnect.earth/lifewheel/" rel="nofollow noopener" translate="no" target="_blank">https://reconnect.earth/lifewheel/</a> :github: Code: <a href="https://github.com/Greenheart/lifewheel" rel="nofollow noopener" translate="no" target="_blank">https://github.com/Greenheart/lifewheel</a>

David Sullivanmaking a waffle game clone with svelte 5. <a href="https://fosstodon.org/tags/svelte" class="mention hashtag" rel="nofollow noopener" target="_blank">#svelte</a> <a href="https://fosstodon.org/tags/wafflegame" class="mention hashtag" rel="nofollow noopener" target="_blank">#wafflegame</a> <a href="https://fosstodon.org/tags/wordgame" class="mention hashtag" rel="nofollow noopener" target="_blank">#wordgame</a>

Florimond Manca (en)Another anecdote. We had an internal CRM app at work, built in 2021 with the backend / API / frontend architecture.Nest on the backend. TypeORM broke several times, preventing smooth upgrade. Nest was stable enough though.The frontend was built using <a href="https://fosstodon.org/tags/Svelte" class="mention hashtag" rel="nofollow noopener" target="_blank">#Svelte</a> and Sapper. OK, Sapper was a beta at the time. Replaced with SvelteKit in 2022. We tried to migrate. Twice. Resources were limited: the app was useful to us, but not paying our salaries. Migration would taken *weeks.*

Jesse SkinnerThey had no experience with git, GitHub, Svelte, or even with using an IDE. I thought it was worth a try, so I sent them a long list of instructions for installing all the software they'd need. I sent them a few YouTube videos about using VS Code with Git, and had them create a GitHub account. I explained how the site was architected, and the basics of <a href="https://toot.cafe/tags/Svelte" class="mention hashtag" rel="nofollow noopener" target="_blank">#Svelte</a> components.

rdnt✨<a href="https://hachyderm.io/tags/introduction" class="mention hashtag" rel="nofollow noopener" target="_blank">#introduction</a> ✨My interests:Software, hardware, gaming, space, coffee.<a href="https://hachyderm.io/tags/golang" class="mention hashtag" rel="nofollow noopener" target="_blank">#golang</a> <a href="https://hachyderm.io/tags/tinygo" class="mention hashtag" rel="nofollow noopener" target="_blank">#tinygo</a> <a href="https://hachyderm.io/tags/svelte" class="mention hashtag" rel="nofollow noopener" target="_blank">#svelte</a> <a href="https://hachyderm.io/tags/programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#programming</a> <a href="https://hachyderm.io/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#coding</a><a href="https://hachyderm.io/tags/coffee" class="mention hashtag" rel="nofollow noopener" target="_blank">#coffee</a><a href="https://hachyderm.io/tags/theexpanse" class="mention hashtag" rel="nofollow noopener" target="_blank">#theexpanse</a> <a href="https://hachyderm.io/tags/elitedangerous" class="mention hashtag" rel="nofollow noopener" target="_blank">#elitedangerous</a> <a href="https://hachyderm.io/tags/hollowknight" class="mention hashtag" rel="nofollow noopener" target="_blank">#hollowknight</a><a href="https://hachyderm.io/tags/drumnbass" class="mention hashtag" rel="nofollow noopener" target="_blank">#drumnbass</a> <a href="https://hachyderm.io/tags/pcbuilding" class="mention hashtag" rel="nofollow noopener" target="_blank">#pcbuilding</a>

Timon KuitersA side-project I've been working on for the past couple of years is finally presentable!<a href="https://cabviews.net" rel="nofollow noopener" translate="no" target="_blank">https://cabviews.net</a>I find cab ride videos relaxing to watch, and they provide an interesting view of different landscapes and infrastructure, so the past years as a side project I built this website as a collection of cab ride videos, and I added an interactive map overlay of the route and the (approximate) live location for each<a href="https://mas.to/tags/cabride" class="mention hashtag" rel="nofollow noopener" target="_blank">#cabride</a> <a href="https://mas.to/tags/cabview" class="mention hashtag" rel="nofollow noopener" target="_blank">#cabview</a> <a href="https://mas.to/tags/svelte" class="mention hashtag" rel="nofollow noopener" target="_blank">#svelte</a>

Toni / LinkWe just published "Building accessible sites with SvelteKit: seven practical tips" on the <a href="https://vis.social/@datawrapper" class="u-url mention" rel="nofollow noopener" target="_blank">@datawrapper</a> blog.<a href="https://blog.datawrapper.de/sveltekit-accessibility-tips/" rel="nofollow noopener" translate="no" target="_blank">https://blog.datawrapper.de/sveltekit-accessibility-tips/</a>Let me know what you think, especially if I got something wrong!<a href="https://mastodon.online/tags/svelte" class="mention hashtag" rel="nofollow noopener" target="_blank">#svelte</a> <a href="https://mastodon.online/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#accessibility</a>

0gust1I pushed a first working version of my "local gpx viewer" online:<a href="https://github.com/0gust1/svelte-local-gpx-viewer" rel="nofollow noopener" translate="no" target="_blank">https://github.com/0gust1/svelte-local-gpx-viewer</a>It enables a user (hiker, bikepacker, outdoor enthusiat, traveller, etc) to locally load, list and display a collection of GPX/Geojson routes files. The routes are persisted locally (they're kept across reloads, no server, no data sent over the network).It's an old side-project, now rewritten with Svelte v5.It's still not published on npm. And I still don't know the final cleat purpose / feature scope 🤷 (I made that because I needed this for my own bike riding activity).I intend to push further to see if/how to expose precompiled "agnostic" modules, in order to enable its use on non-svelte projects. <a href="https://merveilles.town/tags/svelte" class="mention hashtag" rel="nofollow noopener" target="_blank">#svelte</a> <a href="https://merveilles.town/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#frontend</a> <a href="https://merveilles.town/tags/gpx" class="mention hashtag" rel="nofollow noopener" target="_blank">#gpx</a> <a href="https://merveilles.town/tags/bikepacking" class="mention hashtag" rel="nofollow noopener" target="_blank">#bikepacking</a> <a href="https://merveilles.town/tags/hiking" class="mention hashtag" rel="nofollow noopener" target="_blank">#hiking</a>

Serge from Babka<a href="https://babka.social/@idan" class="u-url mention" rel="nofollow noopener" target="_blank">@idan</a> this is really interesting.I've been trying to move away from JS frontend frameworks because I find state management to be such a pain and the frameworks seem to get increasingly complicated, but maybe <a href="https://babka.social/tags/Supabase" class="mention hashtag" rel="nofollow noopener" target="_blank">#Supabase</a> makes that easier and thus justifies the use of <a href="https://babka.social/tags/svelte" class="mention hashtag" rel="nofollow noopener" target="_blank">#svelte</a> or another frontend framework?

Idan GazitSo, I’ve written something that is kind of like an ORM for <a href="https://babka.social/tags/Supabase" class="mention hashtag" rel="nofollow noopener" target="_blank">#Supabase</a> and <a href="https://babka.social/tags/svelte" class="mention hashtag" rel="nofollow noopener" target="_blank">#svelte</a>.But for many tables, some columns are only filled in when the row is written. Autoincrementing IDs, created_at timestamps, etc etc.I'm not sure how I ought to handle this and keep everything typesafe. At creation time, I’m creating a record (object that looks like a row) but it's missing the autogenerated columns, which means my "optimistic" record is not a valid row record.But I don't want to relax the type definition for a record since I want the record type to include those columns later on.Not sure how other ORMs handle this situation.

Symfony Station 🇺🇦🇨🇦🇧🇷Explore our article: Frontend Madness: SPAs, MPAs, PWAs, Decoupled, Hybrid, Monolithic, Libraries, Frameworks! WTF for your PHP backend? <a href="https://symfonystation.mobileatom.net/Frontend-Madness-JS-PHP-Backend" rel="nofollow noopener" target="_blank">https://symfonystation.mobileatom.net/Frontend-Madness-JS-PHP-Backend</a> <a href="https://drupal.community/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> <a href="https://drupal.community/tags/PHP" class="mention hashtag" rel="nofollow noopener" target="_blank">#PHP</a> <a href="https://drupal.community/tags/symfony" class="mention hashtag" rel="nofollow noopener" target="_blank">#symfony</a> <a href="https://drupal.community/tags/Laravel" class="mention hashtag" rel="nofollow noopener" target="_blank">#Laravel</a> <a href="https://drupal.community/tags/Drupal" class="mention hashtag" rel="nofollow noopener" target="_blank">#Drupal</a> <a href="https://drupal.community/tags/WordPress" class="mention hashtag" rel="nofollow noopener" target="_blank">#WordPress</a> <a href="https://drupal.community/tags/React" class="mention hashtag" rel="nofollow noopener" target="_blank">#React</a> <a href="https://drupal.community/tags/Vue" class="mention hashtag" rel="nofollow noopener" target="_blank">#Vue</a> <a href="https://drupal.community/tags/Svelte" class="mention hashtag" rel="nofollow noopener" target="_blank">#Svelte</a> <a href="https://drupal.community/tags/AlpineJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#AlpineJS</a> <a href="https://drupal.community/tags/Angular" class="mention hashtag" rel="nofollow noopener" target="_blank">#Angular</a> <a href="https://drupal.community/tags/Viewi" class="mention hashtag" rel="nofollow noopener" target="_blank">#Viewi</a> <a href="https://drupal.community/tags/PWAs" class="mention hashtag" rel="nofollow noopener" target="_blank">#PWAs</a>

Jeff Allensome recent data viz --- tracking new dwellings from building conversions across Canadian metro areasmore here --- <a href="https://schoolofcities.github.io/gentle-density/canadian-residential-conversions" rel="nofollow noopener" translate="no" target="_blank">https://schoolofcities.github.io/gentle-density/canadian-residential-conversions</a><a href="https://mapstodon.space/tags/dataviz" class="mention hashtag" rel="nofollow noopener" target="_blank">#dataviz</a> <a href="https://mapstodon.space/tags/d3" class="mention hashtag" rel="nofollow noopener" target="_blank">#d3</a> <a href="https://mapstodon.space/tags/svelte" class="mention hashtag" rel="nofollow noopener" target="_blank">#svelte</a> <a href="https://mapstodon.space/tags/housing" class="mention hashtag" rel="nofollow noopener" target="_blank">#housing</a> <a href="https://mapstodon.space/tags/canada" class="mention hashtag" rel="nofollow noopener" target="_blank">#canada</a>

Recent searches

Search options

Administered by:

Server stats:

#svelte