So I recently started looking into creating a custom character sheet for a table that I want to run with some friends. After reading the wiki, I started coding my sheet in plain HTML/CSS/JS and realized that I was going to lose my sanity real fast if I didn't use some tool or framework that streamlined the process. I am aware of the existence of tools such as the K-Scaffold , but it uses tools and syntax that I'm not very familiar with. So, instead, I did what any sane person would do and spent the next few days creating a project that allows the creation of character sheets using Svelte , a front-end framework that uses syntax very similar to plain HTML while boasting powerful features. Svelte20 (GitHub) This way, I can break up my HTML into multiple files, write scoped styles (CSS that only affects elements in one file), use "import" statements to include external code files in my sheet workers, freely use npm libraries, get code completion thanks to TypeScript, easily write styles using preprocessors (Sass, Less, etc.), automatically generate all relevant files (html, css, sheet.json, etc.) and use many of the existing UI libraries for Svelte , amongst other advantages. Anyways, hope this will be useful to someone. Cheers.
