#svelte — Public Fediverse posts

#30DayChartChallenge Day 10 | Pop Culture. Top 20 #books of 2025 by genre & publish date, according to Readers’ favourites on Goodreads. 📚📖

Most romance novels were published in spring/summer. Nonfiction books have the longest book titles and Fantasy books lead in terms of total pages.

Tried to make it look like a book shelf, not sure I suceeded 😅

#Dataviz made with #Svelte and #D3

#30DayChartChallenge Day 10 | Pop Culture. Top 20 #books of 2025 by genre & publish date, according to Readers’ favourites on Goodreads. 📚📖

Most romance novels were published in spring/summer. Nonfiction books have the longest book titles and Fantasy books lead in terms of total pages.

Tried to make it look like a book shelf, not sure I suceeded 😅

#Dataviz made with #Svelte and #D3

#30DayChartChallenge Day 10 | Pop Culture. Top 20 #books of 2025 by genre & publish date, according to Readers’ favourites on Goodreads. 📚📖

Most romance novels were published in spring/summer. Nonfiction books have the longest book titles and Fantasy books lead in terms of total pages.

Tried to make it look like a book shelf, not sure I suceeded 😅

#Dataviz made with #Svelte and #D3

#30DayChartChallenge Day 10 | Pop Culture. Top 20 #books of 2025 by genre & publish date, according to Readers’ favourites on Goodreads. 📚📖

Most romance novels were published in spring/summer. Nonfiction books have the longest book titles and Fantasy books lead in terms of total pages.

Tried to make it look like a book shelf, not sure I suceeded 😅

#Dataviz made with #Svelte and #D3

#30DayChartChallenge Day 10 | Pop Culture. Top 20 #books of 2025 by genre & publish date, according to Readers’ favourites on Goodreads. 📚📖

Most romance novels were published in spring/summer. Nonfiction books have the longest book titles and Fantasy books lead in terms of total pages.

Tried to make it look like a book shelf, not sure I suceeded 😅

#Dataviz made with #Svelte and #D3

As much as I like to do everything myself, I chose to use an off-the-shelf #Markdown parser for my personal site.

There may sometimes be a good reason to re-invent the wheel — even if it is just to learn more about wheels — but using an established tool or package can save you time and headaches. However, the key is to know which to use and when.

http://carledwardlyons.ca/articles/devlogs/blank/markdown-parser?ref_id=mastodon&ref_source=post

#markdownit #svelte #sveltekit #HTML #CSS #typescript #javascript #webdesign #webdev #software #devlog #blog

Ogni volta che, implementando una applicazione #Svelte, combino qualche pasticcio nel gestire una Promise o un await, il mio io interiore mi urla "Non stai pensando quadridimensionalmente!!!"

z-indexの値をほぼbooleanのように扱うUI設計を試してみた
https://qiita.com/kskwtnk/items/3ade066f8b775eec885a?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #HTML #CSS #フロントエンド #Svelte #tailwindcss

z-indexの値をほぼbooleanのように扱うUI設計を試してみた
https://qiita.com/kskwtnk/items/3ade066f8b775eec885a?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #HTML #CSS #フロントエンド #Svelte #tailwindcss

Catching up #dataviz for #30dayChartChallenge Day5 Experimental. Which flower attracts which pollinator? 🌸🐝🦋

Played around with data from the UK Pollinator Monitoring Scheme. For bees or any pollinator plant some lavender, for butterflies go with buddleja aka butterfly bush.

Made in #Svelte + #D3. Still practicing, so progress is slow but learning lots!

I could have hard-coded all the text, styles, and other data into my personal website. However, that would have been too easy.

I decided to make my entire #webapp — #blog and all — into a #template populated by #JSON and #Markdown. This was mostly just an exercise in #design, but I also wanted to make it something i could #opensource.

https://carledwardlyons.ca/articles/devlogs/blank/content-template?ref_id=mastodon&ref_source=post

#svelte #sveltekit #typescript #javascript #webdesign #software #blog #devlog

YUS! Go @sveltejs

https://www.thoughtworks.com/radar/languages-and-frameworks/summary/svelte

#svelte #webdev #code #frontend #programming

What’s New in Svelte: April 2026, by @sveltejs:

https://svelte.dev/blog/whats-new-in-svelte-april-2026

#releasenotes #svelte #sveltekit

I forgot to say but before this #circle-pack chart implemented in #d3 x #svelte, I draw the whole app #wireframe with @[email protected]! #dataviz #excalidraw

RE: https://bsky.app/profile/did:plc:7ebnmsusl3r2uuaf24igiazh/post/3mj2ditcz2c2v

I've got no time to participate to the #30DayChartChallenge this year... Or maybe I will pop up at some point, who knows! Yet, #dataviz is around! Current job consists of producing a #Svelte x #d3 x #typescript app that is full of circle packing, donut, map, jittered scatter charts.

Not a bad two days for my Web Tools project:

* Removed the new but inaccessible hamburger menu.
* Added breadcrumb navigation on subpages (can be toggled in settings).
* Two new tools: URL encoder and URL param stripper.
* A plethora of CSS tweaks and fixes.
* Me learning new things about SvelteKit, including a stint with (experimental) async layout data inheritance.

https://tools.mah-rye-kuh.nl

#WebDev #Svelte

#Development #Explainers
Signals, the push-pull based algorithm · How push-pull powers modern reactive frameworks https://ilo.im/16blr0

_____
#Signals #Frameworks #Angular #Preact #Solid #Svelte #Vue #WebDev #Frontend #JavaScript

🚀 I got tired of QR generators being slow, ad-ridden, and privacy-invasive. So I built my own.

QR Studio Ultra is live! 🦀 Built with a high-performance Rust rendering engine and a Svelte frontend.

✅ 100% Offline & Private ✅ Custom Gradients & Logos ✅ Native Android Performance ☘️ Get the code from GitHub and check it/build it yourself or download the apk

Grab the APK from GitHub and let me know what you think: https://github.com/Cypher-Shadowbourne/qr-studio-ultra/releases/download/v1.0.0/QR-Studio-Ultra-Final.apk

#RustLang #Svelte #OpenSource #AndroidDev #IndieHacker

Day 3 #30DayChartChallenge 2026: Mosaic 🟡🟠🔴
This Voronoi scatterplot shows 889 endangered U.S. animal species from the IUCN Red List. Each dot is one species. Position encodes threat burden: x = total human-caused threats, y = how many distinct threat categories those threats span.
Built with @observablehq Plot, #Svelte, @deno_land, and the IUCN Red List API.
Live interactive: https://nicolelily.github.io/voronoi-scatterplot-iucn/
#DataViz #AnimalWelfare #IUCN #Conservation #Climate

Day 3 #30DayChartChallenge 2026: Mosaic 🟡🟠🔴
This Voronoi scatterplot shows 889 endangered U.S. animal species from the IUCN Red List. Each dot is one species. Position encodes threat burden: x = total human-caused threats, y = how many distinct threat categories those threats span.
Built with @observablehq Plot, #Svelte, @deno_land, and the IUCN Red List API.
Live interactive: https://nicolelily.github.io/voronoi-scatterplot-iucn/
#DataViz #AnimalWelfare #IUCN #Conservation #Climate

Day 3 #30DayChartChallenge 2026: Mosaic 🟡🟠🔴
This Voronoi scatterplot shows 889 endangered U.S. animal species from the IUCN Red List. Each dot is one species. Position encodes threat burden: x = total human-caused threats, y = how many distinct threat categories those threats span.
Built with @observablehq Plot, #Svelte, @deno_land, and the IUCN Red List API.
Live interactive: https://nicolelily.github.io/voronoi-scatterplot-iucn/
#DataViz #AnimalWelfare #IUCN #Conservation #Climate

Day 3 #30DayChartChallenge 2026: Mosaic 🟡🟠🔴
This Voronoi scatterplot shows 889 endangered U.S. animal species from the IUCN Red List. Each dot is one species. Position encodes threat burden: x = total human-caused threats, y = how many distinct threat categories those threats span.
Built with @observablehq Plot, #Svelte, @deno_land, and the IUCN Red List API.
Live interactive: https://nicolelily.github.io/voronoi-scatterplot-iucn/
#DataViz #AnimalWelfare #IUCN #Conservation #Climate

I'm using #openwebui and #svelte is seriously impressive. I never experienced such good #performance in a website before.

It's very noticeable even if you don't care about such things.

EvaTeam Workflow Enhancer — userscript для нормального отображения процессов

Сталкивались уже с EvaTeam (российский аналог Jira)? Чувствуете боль при работе с бизнес-процессами (workflow)? Думаю я могу вам немного помочь

https://habr.com/ru/articles/1015656/

#userscript #userscripts #tampermonkey #greasemonkey #eva #evateam #workflow #svelte #sveltejs #sveltekit

Autor zrobił eksperyment - napisał aplikację w 12 frameworkach frontendowych (oczywiście, #JavaScript, bo czemuż by nie) i opisuje ich zalety i wady. Bardzo ciekawy tekst, pokazujący także nieco mniej znane rozwiązania, choć jest tutaj "topka".

#programowanie #WebDev #frontend #React #Vue #Angular #Svelte #Astro #Solid

https://dev.to/lissy93/i-built-an-app-in-every-frontend-framework-4a9g

[Svelte] Best Practices, by @sveltejs:

https://svelte.dev/docs/svelte/best-practices

#svelte #bestpractices

i'm ewan — developer, writer, occasional poet. i build open-source ATProto tooling,
self-host most of my own infrastructure, and take commissions for things i'm actually
good at.

if any of that is useful or interesting to you, ko-fi.com/ewancroft
is where commissions live:

• poetry from £10
• short stories from £20
• SvelteKit websites from £100

everything's CC BY-SA 4.0. no NDAs, no nonsense.

tips are also welcome if you've got use out of anything i've made or written.
either way, cheers.

i'm ewan — developer, writer, occasional poet. i build open-source ATProto tooling,
self-host most of my own infrastructure, and take commissions for things i'm actually
good at.

if any of that is useful or interesting to you, ko-fi.com/ewancroft
is where commissions live:

• poetry from £10
• short stories from £20
• SvelteKit websites from £100

everything's CC BY-SA 4.0. no NDAs, no nonsense.

tips are also welcome if you've got use out of anything i've made or written.
either way, cheers.

i'm ewan — developer, writer, occasional poet. i build open-source ATProto tooling,
self-host most of my own infrastructure, and take commissions for things i'm actually
good at.

if any of that is useful or interesting to you, ko-fi.com/ewancroft
is where commissions live:

• poetry from £10
• short stories from £20
• SvelteKit websites from £100

everything's CC BY-SA 4.0. no NDAs, no nonsense.

tips are also welcome if you've got use out of anything i've made or written.
either way, cheers.

i'm ewan — developer, writer, occasional poet. i build open-source ATProto tooling,
self-host most of my own infrastructure, and take commissions for things i'm actually
good at.

if any of that is useful or interesting to you, ko-fi.com/ewancroft
is where commissions live:

• poetry from £10
• short stories from £20
• SvelteKit websites from £100

everything's CC BY-SA 4.0. no NDAs, no nonsense.

tips are also welcome if you've got use out of anything i've made or written.
either way, cheers.

i'm ewan — developer, writer, occasional poet. i build open-source ATProto tooling,
self-host most of my own infrastructure, and take commissions for things i'm actually
good at.

if any of that is useful or interesting to you, ko-fi.com/ewancroft
is where commissions live:

• poetry from £10
• short stories from £20
• SvelteKit websites from £100

everything's CC BY-SA 4.0. no NDAs, no nonsense.

tips are also welcome if you've got use out of anything i've made or written.
either way, cheers.

React vs. Vue vs. Svelte. Roky dohadů, konferencí a názorových válek. A pak se najednou ukázalo, že to celé bylo trochu zbytečné.

React vs. Vue vs. Svelte. Roky dohadů, konferencí a názorových válek. A pak se najednou ukázalo, že to celé bylo trochu zbytečné.

React vs. Vue vs. Svelte. Roky dohadů, konferencí a názorových válek. A pak se najednou ukázalo, že to celé bylo trochu zbytečné.

Private Webseite (https://matthias-andrasch.eu/) mit Antigravity (und zum Ende hin Claude Code) von SvelteKit zu Astro v5 mit Astrowind Theme umgezogen. (Astro + Svelte natürlich ;))

Blogartikel hole ich mir auch aus WordPress beim statischen Build, für Bildverwaltung / Optimierung bietet sich WordPress ja weiterhin an. Bilder bleiben dort.

Eigentlich ganz cool, wollte dann noch direkt auf Astro v6 - aber da hat es ordentlich geknallt in den npm packages.

#Astro #SvelteKit #Astrowind #ClaudeCode #Antigravity #WebDev #OpenSource #Svelte

Rebuild of the site is live!
(now using #Svelte #SvelteKit #TypeScript #SQLite #GitLab)

Soft launch of a fun new feature: find all setlists where one or more specific songs were played (or not played):
➔ https://almost-dead.net/find/

Hmmm, small promo site, want to be able to plug stuff into it. It's for me so I'm allowed be impractical.

I'm thinking either Nuxt (it is to Vue as Next is to React), Sveltekit (same but Svelte) or keeping it stripped back and using Astro.

Planning to output it all fully static, pulling in blog posts, etc, at build time.

Anyone have opinions?

#Astro #nuxt #vuejs #svelteKit #svelte

Okay #frontend folks:

I wrote UIs before React. I leaned into React hard early on, because it matched my mental model for UIs. I don't want to do React anymore.

**In your opinion what's the next best direction for building UIs?**

My goal is to simplify the process of writing and managing accessible interactive components with as little overhead as possible.

Boosts and wildly unpopular opinions welcome.

#react #vue #preact #webcomponents #svelte

RE: https://fosstodon.org/@mainmatter/116017415891955006

We’re seeing more and more teams adopt multi-framework architectures with #emberjs, #react, #svelte, #vuejs, or #webcomponents mixed together in one big system. @nickschot wrote about some learnings from a recent project in which @mainmatter helped a client integrate Ember.js and React.

VoxCSS – Pour faire du rendu 3D façon Minecraft avec du CSS

https://fed.brid.gy/r/https://korben.info/voxcss-moteur-voxel-3d-css-dom.html

Cubrain giúp bạn chuyển nhanh các highlight trong PDF thành flashcard chất lượng, xuất CSV cho Anki. Tự động nhận vị trí, ngữ cảnh và AI tổng hợp (Free: Smart, Pro: Deep). Giao diện glassmorphism hiện đại dùng Tailwind, xây dựng bằng Svelte 5 + Spring Boot. Đánh giá UI & chất lượng thẻ. #PDF #Flashcards #Anki #Svelte #SpringBoot #AI #TechVietnam #côngcụ #flashcard

https://www.reddit.com/r/SideProject/comments/1qgat26/cubrain_turn_your_pdf_highlights_into_flashcards/

🚨 BREAKING: The #Svelte ecosystem is under attack... by five whole CVEs! 😱 Quick, #upgrade your packages before your code spontaneously combusts! 🔥 Because who doesn't love an #urgent #patch party? 🎉
https://svelte.dev/blog/cves-affecting-the-svelte-ecosystem #CVEs #cybersecurity #party #HackerNews #ngated

CVEs Affecting the Svelte Ecosystem

https://svelte.dev/blog/cves-affecting-the-svelte-ecosystem

#HackerNews #CVEs #Svelte #Ecosystem #Security #Vulnerabilities #OpenSource #Software #Development

I Built an App in Every Frontend Framework, by (not on Mastodon or Bluesky):

https://dev.to/lissy93/i-built-an-app-in-every-frontend-framework-4a9g

#frameworks #libraries #react #vuejs #svelte #angular #lit #marko #jquery #alpinejs #solidjs #astro #qwik #comparisons

#Development #Comparisons
I built an app in every frontend framework · “12 frameworks, 12 apps (and 12 years of pain).” https://ilo.im/169m55

_____
#Frameworks #Angular #jQuery #Qwik #React #SolidJS #Svelte #Vue #WebDev #Frontend #JavaScript

Today I learned about #Orval a #TypeScript code generator that goes beyond types.

I've long been a fan of QuickType.io, but Orval takes it a step further allowing you to generate classes, mocks, and clients from an #OpenAPI specification.

It even generated #Tanstack #Angular #Svelte #Vue etc

https://orval.dev/

MIT-licensed #foss #frontend

#Development #Outlooks
JavaScript Frameworks 2026 · The role of JavaScript frameworks is under pressure https://ilo.im/169mtc

_____
#Frameworks #Angular #Htmx #React #SolidJS #Svelte #Tanstack #WebDev #Frontend #JavaScript

Hallo, ich bin auf der Suche nach Projekten für die nächsten Monate!

Ich mache alles mögliche:

#PHP #Laravel #Svelte #JavaScript #Vue #Livewire #kirby

Falls ihr was habt, oder jemanden kennt, der was hat, meldet euch gerne und verhindert damit, dass ich Akquise auf LinkedIn machen muss!

https://waldhauer.solutions/

#freelance #projektsuche #jobs

Một ứng dụng chat thoại tạm thời, mã nguồn mở vừa được ra mắt: voca.vc. Không cần tài khoản, không lưu dữ liệu – tạo phòng, chia sẻ link và trò chuyện. Khi phòng trống, mọi thứ biến mất.

Xây dựng bằng Rust (Axum + Tokio) cho backend, Svelte 5 + Tailwind cho frontend, WebRTC kết nối trực tiếp P2P.

Phù hợp ai muốn gọi thoại nhanh, riêng tư, không rườm rà. Hỗ trợ tự host, nhẹ, không cần database.

Có SDK sẵn cho React và Svelte.

#OpenSource #WebRTC #Rust #Svelte #voca #VoiceChat #MãNguồn

Công cụ quản lý LocalStorage, SessionStorage, Cookies và IndexedDB mới cho Chrome!
Tính năng:
- Sửa đổi JSON dễ dàng
- Quản lý IndexedDB toàn diện
- Chuyển đổi giữa các tài khoản người dùng nhanh chóng
- Đồng bộ hóa trên nhiều thiết bị
#EasyLocalStorageManager #LocalStorage #SessionStorage #Cookies #IndexedDB #ChromeExtension #SvelteJS #ManifestV3 #Freemium #CloudSync
#CôngCụQuảnLý #TrìnhDuyệt #PhátTriểnWeb #TínhNăngMới #ĐồngBộHóa #TàiKhoản #NgườiDùng #ThiếtBị #Chrome #Extension #Svelte #Mani