Christian Liebel

Project Fugu: Progressive Web Apps, Superpowered

Can a web app truly rival a native desktop application? With Project Fugu APIs, the answer is closer than you think.

 Project Fugu: Progressive Web Apps, Superpowered
#1about 6 minutes

Introducing Project Fugu and its goals for PWAs

Project Fugu is a cross-vendor initiative to bring powerful, native-like capabilities to Progressive Web Apps while ensuring user safety.

#2about 7 minutes

Demonstrating Fugu APIs with a paint web app

A live demonstration of a PWA using the File System Access API, Async Clipboard API, and File Handling API to provide a native-like experience.

#3about 5 minutes

Tracking the status of new web capabilities

The Fugu API tracker shows the development status of various APIs, from shipped features like Web NFC to those in developer trials like the Ambient Light Sensor.

#4about 4 minutes

Implementing Fugu APIs with progressive enhancement

Fugu APIs are designed to be simple, often requiring a single method call, and should be implemented with feature detection to provide fallbacks for unsupported browsers.

#5about 4 minutes

Enhancing user experience with UI integration APIs

Explore APIs like the Badging API for notifications, Shortcuts for quick actions, and the Screen Wake Lock API to prevent the screen from turning off.

#6about 5 minutes

Managing files and data with advanced Fugu APIs

Learn how the File System Access, Async Clipboard, and File Handling APIs enable web apps to open, save, copy, and register as handlers for local files.

#7about 6 minutes

The future of PWAs and Fugu API adoption

PWAs are becoming the standard for productivity applications, with data from the Web Almanac showing growing adoption of key Fugu APIs like Async Clipboard.

#8about 8 minutes

Addressing security, privacy, and cross-browser concerns

The Q&A session covers key topics like push notifications on iOS, security measures, user permissions, fingerprinting risks, and testing strategies for Fugu APIs.

Related jobs
Jobs that call for the skills explored in this talk.

Featured Partners

Related Articles

View all articles
CH
Chris Heilmann
Dev Digest 151: SEO in an AI world, security fixes and Doomed PDFs
Inside last week’s Dev Digest 151 . 🔎 How ChatGPT compares to search and what that means for SEO ✂️ Job cuts across the board as companies curb DEI programs 🟨 @Microsoft releases 161 Windows security updates ⚠️ @Google’s OAuth bug endangers million...
Dev Digest 151: SEO in an AI world, security fixes and Doomed PDFs
CH
Chris Heilmann
Building a "shoutout" component in plain HTML/CSS/JavaScript
Every Wednesday we meet at noon to talk about a lot of tech news, tools and resources in something we call WeAreDevelopers Live . We go live on YouTube and afterwards we cut out short videos to post on social media. What we needed was an obvious “sho...
Building a "shoutout" component in plain HTML/CSS/JavaScript
DC
Daniel Cranney
Dev Digest 152: Chrome Extensions Hack, CSS Spy Sheets, Deepseek OSS AI
Inside last week’s Dev Digest 152 . 🐋 DeepSeek - a new rising star open source model 🖐 Using CSS to fingerprint browsers and email clients 🧠 Things you should know about accessibility 🤷‍♂️ What do you when you messed up in Git 📍 Cloudflare security ...
Dev Digest 152: Chrome Extensions Hack, CSS Spy Sheets, Deepseek OSS AI

From learning to earning

Jobs that call for the skills explored in this talk.

Angular Developer

Angular Developer

Picnic Technologies B.V.
Amsterdam, Netherlands

Intermediate
Senior
RxJS
Angular
TypeScript
Web Developer

Web Developer

f + p GmbH
Leipzig, Germany

Remote
PHP
SASS
NoSQL
React
+10
Frontend Web Developer

Frontend Web Developer

Pictarine
Canton de Castanet-Tolosan, France

Intermediate
React
Next.js
TypeScript
Google Cloud Platform