A live demonstration showcases paint.js.org's features, including installation, file handling, clipboard integration, and offline capabilities across desktop and mobile devices.
The application is built using standard Web Components and the lightweight Lit library, avoiding larger frameworks for better interoperability.
The HTML Canvas 2D context is used for drawing, while Pointer Events provide a unified API for handling mouse, touch, and pen inputs.
Progressive Web App capabilities are enabled through the Web App Manifest for installability and a Service Worker for offline caching.
Project Fugu is a cross-vendor initiative that adds native-like features to the web platform, such as clipboard and file system access.
The Async Clipboard API provides a modern, permission-based way to programmatically read and write images to the system clipboard.
The File System Access API allows the PWA to open, save, and overwrite files, while the Web App Manifest registers it as a file handler.
A dynamic dark mode is implemented using CSS Custom Properties that are updated based on the `prefers-color-scheme` media feature.
A recap of how modern web technologies enable desktop-class applications, with examples like VS Code and Photoshop for the web.
Sensory-Minds GmbH
Offenbach am Main, Germany
45:20Christian Liebel
29:57Laura Morinigo
41:49Ire Aderinokun
43:06Rowdy Rabouw
44:40Maxim Salnikov
40:01Nico Martin
58:12Lucien Immink
27:05Rowdy Rabouw
Jobs that call for the skills explored in this talk.
Prolific, Inc
Portland, United States of America
Weissenberg Group
Düsseldorf, Germany
Prolific, Inc
Portland, United States of America
Arian Hapus
Oswestry Rural, United Kingdom
