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!

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.

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

Domenik Reitzner had a dialog with his brave audience about the dialog element and how to integrate it with Svelte. He showed us the benefits of using the platform and what a11y(accessibility) benefits come out of the box, by using this HTML element.

In this episode we talk about stores! Custom ones, regular ones, cool ones! ALL THE STORES! We also rant a bit about the current state of build tools.

2022年2月3日のSvelte日本のMeetup Lightning Talk 発表者：Kato Davide (@DavKat)

The video explains skip links, which are used to improve web navigation efficiency. Skip links allow users to jump directly to the main content or other key sections of a webpage when using a keyboard or screen reader.

This is a short introduction of the talk2svelte library which provides voice recognition and voice synthesis for Svelte, thanks to the Web Speech API. It allows to interact with a Svelte site by voice, like navigating or clicking on elements.

Inlang: a solution for internationalization in SvelteKit projects. The SDK and its tools simplify setup, language negotiation, and content management. This approach automates i18n processes, offering a user-friendly experience for developers and translators.

This week’s topics: 0:00 Introduction 0:21 Changelog - Svelte 4.0.2-4.0.5, SvelteKit 1.22.0-1.22.1 4:41 Quick facts - @const usage tips, form.requestSubmit() 12:26 Discussion - Svelte 5 wish list 19:51 Q&A - Using local storage with a custom store 23:42 Q&A - how to safely use setInterval() 27:01 Q&A - how to reuse code across multiple projects 31:59 Q&A - how to use markdown with SvelteKit

0:00 Introduction 0:20 Changelog - SvelteKit 1.22.6 1:59 Community Showcase - sveltekit-search-params by Paolo Ricciuti 22:32 Q&A - How to create accessible form error summaries

Paraglide-JS comes with two main innovations that make Paraglide JS the simplest, most efficient, and typesafe i18n library for SvelteKit. 1. A compiler (sounds familiar?) emits message functions instead of key-value runtime lookup logic. 2. The message functions are tree-shakable, leading to auto optimization by the bundler. Library link: https://inlang.com/m/gerre34r/library-inlang-paraglideJs