Tags / html

html 49 posts

Migrating my Blog to PocketBase

The author details a multi-stage process of migrating their personal blog across various technologies—including Wix, Jekyll, 11ty, and web components—before moving to Obsidian.

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

How to do Offline Recommendations with SQLite and Gemini

Learn how to implement offline content recommendations by using Gemini to generate text embeddings and storing/querying them efficiently within a local SQLite database.

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

How to Export SQLite Tables to CREATE Statements

A guide using Flutter and Dart to programmatically export all tables and indexes from a SQLite database into runnable SQL CREATE statements.

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

Various Ways to Invoke Functions in Dart

Dart provides multiple ways to invoke functions, allowing mixed positional and named arguments, utilizing the `.call()` operator, or using the `Function.apply()` method.

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

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

To print multiple objects to the console in Dart, use Records, which allow grouping multiple distinct values into a single `Object?` printable unit.

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

How to create HTML Web Components with Dart

Learn how to create re-usable, framework-agnostic HTML Web Components using Dart, allowing developers to build modern web applications and progressively enhance existing sites.

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

How to Run Astro SSR and PocketBase on the Same Server

Learn how to integrate and run Astro in Server-Side Rendering mode with PocketBase on the same server using a Go reverse proxy setup.

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

Flutter Terminal Cheat Sheet

A comprehensive cheat sheet of advanced Flutter commands detailing procedures for web deployment, iOS dependency management, code generation, project cleanup, and debugging.

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

How to Build a WebRTC Signal Server with PocketBase

This guide details how to construct a WebRTC signal server using PocketBase, demonstrating real-time communication capabilities powered by SQLite and Server-Sent Events (SSE).

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

Displaying HTML in Flutter

Learn how to display and interact with complex HTML and web content in Flutter using the robust `easy_web_view` package, with specific setup guides for web and mobile platforms.

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

Creating Your First Flutter Project

This guide provides a comprehensive overview and tutorial for creating a first Flutter project, detailing how to use Google's cross-platform UI toolkit to build applications for iOS, Android, Web, and other platforms.

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

How to build a graph database with Flutter

Learn how to build and implement a graph database within a Flutter application for effectively modeling and managing complex data relationships.

2025-01-18 21:09:38.105Z Read post

Lit and Flutter

Learn how to integrate Lit web components into Flutter, enabling developers to embed existing web applications into cross-platform mobile apps while accessing device APIs and handling updates seamlessly.

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

Multi-touch Canvas with Flutter

A comprehensive guide and implementation for creating a multi-touch canvas in Flutter capable of panning, zooming, and object selection using advanced gesture handling.

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

How to build a native cross platform project with Flutter

Flutter now supports unified, native cross-platform development by allowing developers to use any plugin and seamlessly target web, iOS, Android, and desktop from a single codebase.

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

Signals and Flutter Hooks

The guide contrasts basic state management using `setState` with the more advanced, reactive approach of using `ValueNotifier` and `ValueListenableBuilder` to efficiently update specific parts of the Flutter widget tree.

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

How To Send Push Notifications on Flutter Web (FCM)

*Learning how to implement Firebase Cloud Messaging (FCM) for sending push notifications specifically within a Flutter Web application.*

2025-01-20 01:11:12.099Z Read post

Dynamic Themes with CodeMirror

This tutorial guides users on how to create a dynamic, themed code editor by integrating CodeMirror within a Lit web component and applying Material Design theming.

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

Lit and Figma

Learn how to integrate Lit web components into Figma by setting up a comprehensive plugin development environment using Node.js and TypeScript.

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

Draggable DOM with Lit

Learn how to create an interactive, draggable DOM using Lit web components, CSS transforms, and slots.

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

2D or 3D Force Graph with Lit

Learn to create dynamic 2D or 3D force graphs using Lit in this comprehensive tutorial, including setup instructions, code examples, and a full source repository.

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

JSON to HTML Table with Lit

Learn how to create dynamic HTML tables using a Lit web component that can generate tables either from a remote JSON URL or inline JSON data.

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

Lit and Monaco Editor

This guide provides a technical tutorial on how to integrate the powerful Monaco Editor (the engine behind VSCode) into a reusable web component using Lit.

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

Building a Rich Text Editor with Lit

How to build a rich text editor using Lit web components, covering setup, dependencies, and code implementation.

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

Lit Sheet Music

Use the Lit web component and OpenSheetMusicDisplay to dynamically render and resize sheet music (MusicXML) from a source or inline XML directly within a web page.

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

Lit and VSCode Extensions

A guide detailing the steps to set up a Lit web component and integrate it into a functional VSCode extension using Vite and TypeScript.

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

How to do Full Text Search with SQLite

SQLite enables advanced full-text search (FTS) functionality through the fts5 extension and virtual tables, allowing users to efficiently query large datasets using the `MATCH` keyword.

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

Using SQLite as a Key Value Store

Learn how to create and manage a robust key-value store in SQLite using standard SQL commands to perform operations like inserting, retrieving, updating, and deleting data pairs.

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

How to store SQLite as NoSQL Store

SQLite can function as a NoSQL store by utilizing its JSON support (including JSONB) to store schema-less JSON documents in a structured table.

2025-01-18 06:24:22.553Z Read post

SQLite on the UI Thread

SQLite, when used correctly for UI-driven applications, can provide extremely fast and seamless data access, often outperforming asynchronous approaches and enabling high performance even with massive datasets.

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

File Based Routing for Static Sites

Learn how to build a multi-page static site application using file-based routing techniques.

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

Building a HTML Element Sandbox with Lit

This guide details how to build a reusable HTML Element Sandbox component using Lit web components, enabling the development and live updating of embedded third-party content.

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

Flutter Infinite Canvas

Learn how to build a customizable, multi-touch infinite canvas widget in Flutter using combinations of `InteractiveViewer` and `CustomMultiChildLayout`.

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

Building the Flutter Widget Maker and Storyboard

This technical discussion explores building Flutter widget makers and storyboards, featuring an in-depth look at how GitHub Code Spaces enables developers to conduct online coding and testing for Flutter and various languages using containerized environments.

2023-11-14T00:00:00.000Z Read post

Flutter Adaptive UI and Web Assembly

This podcast episode discusses Flutter Adaptive UI and Web Assembly while also updating listeners on the core features of GitHub becoming free for teams.

2023-10-31T00:00:00.000Z Read post

Flutter Desktop/Web and VR

This discussion explores the future potential of Flutter development, covering advanced topics including VR, code generation, and cross-platform capabilities for desktop and web.

2023-10-25T00:00:00.000Z Read post

Building with Antigravity, Gemini CLI, and Stitch

This tech podcast compares advanced AI development tools like Gemini CLI and Anti-Gravity, discusses modernizing infrastructure with K3s and home labs, and showcases workflows using NotebookLM and Stitch for context engineering and generative UI.

2026-01-26T00:00:00.000Z Read post

How to connect interfaces to the cloud with AI agents

This guide demonstrates how to use the Agent Development Kit (ADK) to connect local Flutter interfaces to the cloud, empowering AI agents with massive reasoning models, real-time APIs, and complex workflow orchestration.

2025-12-17T00:00:00.000Z Read post

Flutter & Antigravity | Observable Flutter #76

Experts discuss Flutter development and functionality within Google's new AI-powered IDE, Antigravity, during Episode #76 of Observable Flutter.

2025-11-20T00:00:00.000Z Read post

Intro to Agent Skills

Agent Skills enable AI agents to provide access to specialized, deep knowledge on demand, solving context bloat and moving development beyond simple code completion for complex, modern tasks.

2026-02-28T00:00:00.000Z Read post

Blockchain-Based experiences, Govulncheck v1.0.0, and more dev news!

Google's weekly Developer News Show covers major updates including blockchain-based experiences, the release of Govulncheck v1.0.0, new web platform APIs, and insights into Google's Rust journey.

2023-07-17T00:00:00.000Z Read post

Flutter as a Service (Webinar)

Join Rody Davis and Frederik Schweiger for a webinar exploring how to make money using Flutter as a Service.

2020-09-22T00:00:00.000Z Read post

Flutter Plugin - Live Coding - Native Color Picker

A video tutorial demonstrates the process of creating a native color picker plugin for Flutter, focusing initially on web implementation while setting up the necessary package structure for future mobile expansion.

2020-04-01T00:00:00.000Z Read post

60 - Flutter with Rody Davis

An interview with Rody Davis details Flutter, a high-performance, mobile-first framework designed for cross-platform development of iOS and Android applications.

2019-10-07T00:00:00.000Z Read post

Speaker Interview - Rody Davis, David Khourshid, and João Luiz S Kestering

ThunderNerds hosts a speaker interview with Rody Davis, David Khourshid, and João Luiz S. Kestering discussing mobile, front-end, and general technology development at Devfest Florida.

2019-11-20T00:00:00.000Z Read post

Building Firebase Studio Rules for Angular Live

Mark and Rody demonstrate building Firebase Studio rules in AI Studio to help developers improve code generation for Angular apps.

2025-06-14T00:00:00.000Z Read post

Design at scale with Web Components (and ducks)

Web Components offer a scalable solution for design systems, enabling teams to create and deploy consistent, on-brand user experiences across any modern web framework.

2020-12-22T00:00:00.000Z Read post

Moving an Angular app to Flutter web - DevFest FL 2019

*This presentation outlines the process of migrating an Angular application to Flutter Web, demonstrating how Flutter's widget-based architecture enables rapid, cross-platform development and feature scaling.

2019-11-18T00:00:00.000Z Read post

Space Apps Orlando 2019 - Space Curiosity

Space Curiosity is a cross-platform mobile application built with Flutter that utilizes APIs from NASA and SpaceX to allow users to explore global space facts, track the ISS, and calculate planetary weights.

2019-10-19T00:00:00.000Z Read post