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.

Svelte is not just a JavaScript compiler. It is a way of thinking to design complex data visualizations. Come with me on a journey through one of my recent Svelte data visualization works.

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.

Authentication Server-Side Rendered Single-Page Apps can be difficult. Antony looks to break down the simplest possible way of providing full SSR compatible authentication with JWT

- 3 stories of walking in the fire with my SvelteKit project: Rowan Aldean - Auth in SvelteKit, the hard & easy ways: Ajit Krishna

A developer's journey with Svelte, showcasing the creation of Eleftable, a survey application for data visualization. Visualization of candidate electability and likeability, with emphasis on technical implementation, user engagement goals, and potential expansion.

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.

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

When people hear metaframework, the first thing they think of is usually SSR. However, SvelteKit also supports other rendering strategies like CSR and prerender. As the recommended way to build any Svelte app, is it going to offer the best DX for all its use cases? In this talk I'll share my experience and tell you what's good, what's bad, and what's awesome about building SPAs with Sveltekit.

Do you find Svelte's a11y warnings get in your way? They're actually part of a greater mission shared by nations around the world to make the digital web universally accessible. In this talk, I will break down some of Svelte's a11y warnings, the user experiences they impact, and how to solve them.

Building a SaaS module for SvelteKit - Josh Nussbaum Setting up the tech stack for a SaaS app can be a lot of work - but not any more! Using Auth.js, SvelteKit & Stripe, I built a re-usable module that makes this much easier. This talk will cover the internals of Auth.js, how to build a re-usable SvelteKit module, and integrating Stripe with SvelteKit. Svelte in Motion - James Camilleri Procedurally-generated video using everyone's favourite framework and ungodly hackery. This is a short (probably) talk about using svelte and front-end programming to generate motion graphics, as well as techniques to procedurally generate variation of videos/animations in bulk.

Josh Nussbaum presents a talk on building a SaaS module for SvelteKit called AirBadge, designed to help developers quickly create and experiment with SaaS businesses.

An exploration of client and server rendering strategies in web development, covering historical paradigms like MPA and SSG and modern approaches such as SSR and CSR. A detailed look at SvelteKit's hybrid rendering capabilities, including server-side rendering, client-side rendering, and prerendering, with guidance for applying each approach to different parts of a project.