Tags / html

html 33 posts

Migrating my Blog to PocketBase

Migrating a blog to PocketBase, detailing the journey through various platforms like Wix, Github Pages, 11ty, Lit, and Obsidian, highlighting the desire for customization and simplification.

2025-01-20 20:08:23.622Z Read post

Various Ways to Invoke Functions in Dart

Dart functions can be invoked using positional arguments, named arguments in any order, the `.call` operator, or `Function.apply` for dynamic invocation, with `Function.apply` impacting compilation size and performance.

2025-01-19 02:43:50.527Z Read post

How to Export SQLite Tables to CREATE Statements

Export SQLite database schema to CREATE statements using Dart, SQLite3, and Mustache templating for code generation.

2025-01-18 20:43:35.986Z Read post

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

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

How to do Offline Recommendations with SQLite and Gemini

Learn how to implement offline content recommendations using Gemini for text embeddings and SQLite for vector storage, enabling efficient similarity searches for related content in applications like CMS platforms.

2025-02-10 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

Flutter Terminal Cheat Sheet

A collection of Flutter commands for web development, including configuration, build processes, debugging, testing, and project cleanup.

2025-01-20 00:13:39.469Z Read post

Displaying HTML in Flutter

Display HTML content in Flutter using the `easy_web_view` package for both web and mobile platforms, providing a convenient way to render HTML and Markdown content within your Flutter applications.

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

Creating Your First Flutter Project

Learn how to install Flutter and create your first Flutter project for cross-platform app development on web, iOS, Android, and more.

2025-01-19 07:34:27.436Z Read post

How to build a graph database with Flutter

Build a graph database in Flutter using SQLite and Drift, ideal for modeling relationships between data in applications like social networks, games, and blogs.

2025-01-18 21:09:38.105Z 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

Multi-touch Canvas with Flutter

Flutter package providing a multi-touch canvas implementation with panning, zooming, object selection, and trackpad support, including project setup instructions and a live demo.

2025-01-20 03:07:56.301Z Read post

How to build a native cross platform project with Flutter

Learn how to create native cross-platform Flutter projects with web support, enabling the use of all plugins and a streamlined development experience.

2025-01-20 00:56:31.391Z Read post

Signals and Flutter Hooks

Flutter's `setState` method manages widget state, but using `ValueNotifier` in a container provides a more efficient and manageable way to update the UI based on data changes, especially with widgets like `ValueListenableBuilder`.

2025-01-31 12:00:00.000Z 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

How to do Full Text Search with SQLite

Learn how to implement full-text search in SQLite using the fts5 extension by creating virtual tables and keeping the index synchronized with your data.

2025-01-18 20:49:31.481Z Read post

Using SQLite as a Key Value Store

Use SQLite as a key-value store to efficiently manage settings and non-relational data by creating a table, saving, reading, deleting, and searching values using SQL queries.

2025-01-17 06:54:23.265Z Read post

How to store SQLite as NoSQL Store

Store JSON data in SQLite by creating a table with a path, data (as a string), TTL, created, and updated columns, then use INSERT/REPLACE statements to save and retrieve JSON objects.

2025-01-18 06:24:22.553Z 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

Flutter Infinite Canvas

Build an infinite canvas in Flutter using InteractiveViewer and CustomMultiChildLayout for creating multi-touch canvases and dynamic layouts.

2025-01-19 05:33:00.331Z Read post