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.

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

Changelog and Q&A with Rich Harris. The episode covers various updates and improvements in Svelte, including support for TypeScript type assertions, fixes for scoping classes, optimizations in the compiler, and enhancements in SSR (Server-Side Rendering) and CSS pruning.

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

Brittney Postma of CodingCat.dev shows us how to create a store with Svelte and setting it to local storage so that it persists through refresh!

Things we did that svelte users are annoyed about

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.

Custom stores can be used to wrap transforming data to and from storage mechanisms, either inside the browser or outside. Here we demonstrate a couple of fun transforms that have practical and real-world use.

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.

The other side of SvelteKit

Rich Harris opens Svelte Summit with a short discussion and highlights some key moments and happenings throughout the years. Enjoy!

A demo on how to setup internationalization in a SvelteKit project using the lightweight library typesafe-i18n.

The front end development landscape has been transformed since we started building Svelte and Sapper. What would a reimagined, truly modern workflow look like?

An Introduction to Svite and demonstration of its features: - easy setup with cli - ultra fast hot-module-reloading - optimized production build