GitHub repository: SBHattarj/svelte-zod-form

Chris Simmons from Skeleton joins Brittney to talk about Skeleton, a new UI Toolkit to help build fast and reactive web interfaces with Svelte and Tailwind.

In this Svelte Sirens stream Alex Warnes will teach us about Threlte: Declarative Threejs for Svelte

Svelte stopwatch and countdown.

GitHub repository: thecodejack/svelte-pagination

A user interface for inputting date ranges in the browser

This little demo shows you how to create your own Svelte component library and release it to npm. SvelteKit helps us to accomplish that task in an easy way.

Simple Brand Icons for Svelte

Matt Pilott, a front-end developer specializing in Figma and Svelte, demonstrates how to use Figma for design and development. Every website needs a design. But I'm not a designer. And I'm not a Figma expert. Luckily Matt Pilott is! He'll be showing me the ropes, what to think about. The do's and don'ts of Figma if you will. Join us as we take the new Svelte Society design and massage it into something beautiful!

A lot of people find CSS to be pretty hard. There are a lot of tools around that try to help you, most are larger frameworks that give you ready-made buttons, etc. and others are more like design systems. Today we're going to take a look at Pollen Style (https://www.pollen.style), made by Madi Ostoja. It's a custom properties first style framework that uses CSS built-in powers to make it easier to build things.

Today we continue building Svelte Society. We'll explore a package called Worktop (https://github.com/lukeed/worktop) in order to build a simple CMS. To help us we're joined by the author himself, Luke Edwards!

Kyohei Hamaguchi discusses building a custom library for video chat using Svelte's Web Components support. He introduces Commu, a library that simplifies integrating video chats into web applications.

A powerful Svelte wrapper component around the CodeSandbox editor embed.

Learn about what a design system is, how to structure your code, and the SvelteKit package command.

Ce talk montre comment utiliser “pancake”. Cette bibliothèque, publiée par Rich Harris, permet de générer des SVG côté serveur capables de s’adapter à n’importe quelle largeur sans exécution de Javascript côté client. Guidé par l’exemple des diagrammes de statistiques sur le nombre de cas de coronavirus qui sont publiés dans le New York Times nous créerons ensemble un diagramme à colonnes. This talk shows how to use “pancake”. This library, published by Rich Harris, allows you to generate server-side SVGs that can adapt to any width without running any client-side Javascript. Using the example of the coronavirus case statistic charts published in the New York Times, we will create a column chart together.

- "Berkenalan dengan MDSveX" by Eka, Frontend Web Developer. - "Otentikasi dengan AWS amplify" by Riza, Co-Founder Hactiv8.

Kevin will show us how he built a versatile form component that simply just gets out of the way. Inputs in, values out. Simple.

Michael Keller and Rich Harris at the Svelte Society NYC. Michael introduces Layercake, a Svelte-based charting library that simplifies chart creation by handling state and reactivity, and allows for easy customization. Rich Harris then presents Pancake, another charting library that focuses on rendering charts without requiring JavaScript in the browser, ensuring better performance and accessibility.

Swyx presents 'Svelte Zen Garden,' inspired by the classic CSS Zen Garden.