Tags / css

css 14 posts

Dynamic Themes with CodeMirror

Create a dynamic code window with CodeMirror and Material Design theming using Lit, Vite, and TypeScript.

2025-01-19 23:52:54.455Z Read post

How to Build a WebRTC Signal Server with PocketBase

Build a WebRTC signal server using PocketBase, a lightweight backend with SQLite, Server Sent Events, and an easy-to-use admin UI.

2025-01-18 22:32:05.045Z Read post

Lit and Figma

This article details how to create a Figma plugin using Lit, a web component framework, including setup instructions and a link to the complete source code.

2025-01-20 02:00:23.655Z Read post

2D or 3D Force Graph with Lit

Create interactive 2D/3D force graphs using Lit, a web component framework, with a detailed guide including setup, configuration, and a working template.

2025-01-19 06:03:11.263Z Read post

Draggable DOM with Lit

Create an interactive DOM with CSS transforms using Lit, a web component framework, with a detailed setup guide and example code.

2025-01-19 08:19:15.899Z Read post

JSON to HTML Table with Lit

Create a dynamic HTML table from JSON data using Lit, a web component framework, with a detailed guide and online demo.

2025-01-20 01:18:07.887Z Read post

Lit and Monaco Editor

This tutorial demonstrates how to create a web component using Lit and integrate the Monaco Editor, commonly used in VSCode, to build a customizable code editor.

2025-01-20 02:32:31.800Z Read post

Building a Rich Text Editor with Lit

Create a rich text editor using Lit, a web component framework, with setup instructions and a demo available on GitHub and GitHub Pages.

2025-01-19 07:04:52.222Z Read post

Lit Sheet Music

Render sheet music from MusicXML in a web component using Lit and OpenSheetMusicDisplay, with responsive resizing for different screen widths.

2025-01-20 02:46:46.248Z Read post

Lit and VSCode Extensions

Create a VSCode extension using Lit web components with Vite, TypeScript, and Rollup, following a step-by-step guide.

2025-01-20 02:41:17.941Z Read post

Lit and Flutter

Embed a Lit web component in a Flutter application to access device APIs and create a cross-platform app that updates automatically with website changes.

2025-01-20 02:22:00.005Z Read post

File Based Routing for Static Sites

Learn how to build a static site with file-based routing using TypeScript, including project setup, configuration, and deployment with WebDevServer.

2025-01-19 23:59:39.058Z Read post

Building a HTML Element Sandbox with Lit

Create a reusable HTML element sandbox using Lit, TypeScript, and Vite to dynamically update web components.

2025-01-19 06:17:00.655Z Read post

Material 3 to Material 2 Theme Adapter

Apply Material 3 theming to Material 2 components using CSS variables for consistent styling with current Material Design guidelines.

2025-01-19 05:46:33.142Z Read post