Join us for the last few Svelte Summit videos where you'll learn about i18n and preprocessors!

Svelte has been described as an “accessibility-first-framework”, yet its compiler warnings cover only a fragment of the issues at hand. In this talk, I’d like to explore how accessible Svelte really is and more importantly, have a look at what you can do to bridge the gap. Ideas include checking both automatically and manually for issues the compiler might overlook, like color contrast, keyboard accessibility and semantics.

En tant que journaliste en apprentissage au service infographie des Échos, je compte évoquer à travers des exemples pratiques comment Svelte et D3 peuvent travailler main dans la main pour aider une rédaction dans la réalisation d'infographies interactives sur le web. As a trainee journalist in the infographics department at Les Échos, I will use practical examples to show how Svelte and D3 can work hand in hand to help a newsroom create interactive infographics for the web.

4:27 Quick facts 17:40 Community Showcase - Chromajs, ft. SpideyZac and quantasium 26:55 This week in discussions 32:45 This week in Q&A

A weekly Svelte update from February 2024 covering changelog highlights, community showcase featuring Paraglide JS for internationalization, and discussions about Svelte 5 progress.

01:50 Changelog 15:50 Svelte Summit 23:00 Showcase: OptimistiKit 48:50 Discussion: Database options

00:02:13 Changelog 00:27:40 Showcase: formgator

Updates and changes in the Svelte ecosystem. Key topics include improvements to the migration script, fixes related to reactivity, CSS issues with has and not selectors, and enhancements to the Svelte compiler. @sheepdog/svelte aims to simplify asynchronous code management in Svelte applications. The library introduces tasks with various modifiers like debounce, queue, drop, keep latest, and restart to handle different scenarios of asynchronous operations.

Updates on Svelte 5.0.8, including new features like spring and tween classes, media query support, and improvements to if blocks. The episode also includes a community showcase on GPU-rendered components with the svader library, demonstrating how to create interactive shaders with Svelte.

Durable objects and a library related to PartyKit and durable objects. The changelog section discusses several updates, including reducing hydration comments, fixing bugs related to bind groups, and improving the handling of props IDs in Astro.

Matthias tweeted a 20 line of code i18n library with Svelte and it went semi-viral: https://twitter.com/h_i_g_s_c_h/status/1344223132308164616

Creating effective and unique data visualizations for news websites requires sophisticated tools. In fact, Svelte is currently becoming a gold standard tool to build interactive graphics for the world’s newsrooms. Why is that and what is so special about Svelte? Come and let’s go on a behind-the-scenes walk into the machine room of a modern interactive data visualization.

Svelte includes built-in animations that makes it easy to slide, scale, and fly elements in and out of the DOM. However, you need to be careful to not trigger motion sickness in your users. I will go over which Svelte transitions could cause accessibility issues and how to respect user motion preferences when using them.

Vest is a powerful form validation framework inspired by the syntax and style of unit testing libraries like Mocha or Jest. It uses their declarative structure and makes it easy to write complex form validations that are also easy to read and maintain.

Finite state machines provide an elegant, powerful approach for modeling complex behavior, and are ideally suited to many UI components. Alas, existing JavaScript FSM implementations feel verbose and bloated alongside Svelte's elegant, minimalist syntax. No more! svelte-fsm is the Svelte-esque FSM library. Discover the joy and benefits of using svelte-fsm to manage your components' state.