Tags / javascript

javascript 22 posts

How to Print Multiple Objects to the Console with print() in Dart

Print multiple objects in Dart using Records for a concise output, similar to JavaScript's `console.log`.

2025-01-19 02:39:50.688Z Read post

Check if an Object is Truthy in Dart

Dart doesn't natively support truthy checks like JavaScript, but you can add a custom extension to treat objects as truthy, handling null, boolean, numeric, string, iterable, and map types.

2025-01-19 02:25:47.322Z Read post

How to create HTML Web Components with Dart

Learn how to build reusable HTML web components with Dart, leveraging their benefits for framework-agnostic development and progressive enhancement.

2025-02-14 12:00:00.000Z Read post

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

How to Run Astro SSR and PocketBase on the Same Server

This tutorial demonstrates how to run Astro with server-side rendering (SSR) and PocketBase on the same server by setting up a Go proxy to route requests between them.

2025-01-18 22:05:53.055Z Read post

Host your Flutter Project as a REST API

This tutorial demonstrates how to create a single Flutter project that serves as both a client application and a REST API, enabling code reuse and simplifying data management, deployable to platforms like Google Cloud Run.

2025-01-20 00:30:40.634Z 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

How To Send Push Notifications on Flutter Web (FCM)

Implement Firebase Cloud Messaging (FCM) on Flutter Web by registering a service worker and initializing the Firebase app with your project credentials.

2025-01-20 01:11:12.099Z 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

Async Preact Signals

Learn how to effectively use async data with preact/signals, including handling Promises and rerun operations for dynamic updates, while understanding the importance of synchronous computations for signal integrity.

2025-01-28 12:00:00.000Z Read post

SQLite on the UI Thread

SQLite offers efficient, synchronous database access within the UI thread, enabling fast data retrieval and seamless integration for UI-driven applications, even with large datasets.

2025-01-18 20:38:57.089Z Read post

Color Utilities in JavaScript

JavaScript color utility functions for converting between RGB, HEX, and HSL color formats.

2025-01-19 03:37:33.316Z Read post