Microsoft recently did a “30 Days of PWA” blog series. The posts got grouped per week, each week with a shared topic: Core Concepts: Learn the fundamental concepts and components of a PWA. Advanced Capabilities: Explore web capabilities APIs, status, and examples of use. Developer Tools: Learn about key authoring, debugging, auditing, testing and packaging …
Tag Archives: pwa
Breaking Out of the Box
Patrick Brosset, writing for A List Apart, digging into the Window Controls Overlay for Progressive Web Apps: At the end of the day though, PWAs on desktop are constrained to the window they appear in: a rectangle with a title bar at the top. What if we could think outside this box, and reclaim the …
Learn PWA — A free course to learn how to build Progressive Web Apps
Learn how to build Progressive Web Apps (PWA) with this free course, authored by Maximiliano Firtman, on web.dev. You’ll learn PWA fundamentals like the Web App Manifest, Service Workers, how to design with an app in mind, what’s different from a classic web app, how to use other tools to test and debug your PWA. …
Continue reading “Learn PWA — A free course to learn how to build Progressive Web Apps”
SVGcode: a PWA to convert raster images to SVG vector graphics
Thomas Steiner has released a tool named SVGcode. It’s a PWA to convert raster images to SVG vector graphics. SVGcode is a Progressive Web App that lets you convert raster images like JPG, PNG, GIF, WebP, AVIF, etc. to vector graphics in SVG format. It uses the File System Access API, the Async Clipboard API, …
Continue reading “SVGcode: a PWA to convert raster images to SVG vector graphics”
PWA Summit 2021 Talk Highlights
The entire livestream of PWA Summit 2021 is available online on YouTube. This is the full livestream of the conference, and includes the keynote, all 9 talks, all 3 live Q&A sessions, and the full Future of Web Apps panel. It also includes four talks from our organizing companies. Highlights to me are: Make your …
Getting Started with PWAs
View Getting Started with PWAs [Workshop] on Notist. Slides from Aaron Gustafson‘s PWA workshop at the PWA Summit. Aaron will walk you, step-by-step, through the process of turning a website into a PWA. Following along, you’ll author Web App Manifests and Service Workers and gain exposure to some next-gen APIs that tie them more deeply …
Progressive Web Apps in 2021
The Progressive Web App term is now five years old, and it’s time to sit down and understand where we are at 2021 within the platform, what has changed during 2020 and what we are expecting for the upcoming months. It shouldn’t surprise you while reading that iOS is the bottleneck here … Progressive Web …
8 Tips to Make Your Website Feel Like an iOS App
Very nice video by Sam Selikoff in which he sets up a web manifest to make his site feel more app-like. Great production quality. There are some tweaks I’d suggest though: Fixate the header using position: sticky; instead of position: fixed;. No need for that extra margin on the content then. Update: See note below …
Continue reading “8 Tips to Make Your Website Feel Like an iOS App”
Progressive Web Apps The Superpowers of the Web and Native Apps Combined
Free e-book by Google & Awwards on PWAs: We return to take a closer look at Progressive Web Apps (PWAs) and how they combine the reach of the web with the device integrations of installed software. In this ebook, Volume 2 in the series, you will learn: The capabilities of Progressive Web Apps Product strategies …
Continue reading “Progressive Web Apps The Superpowers of the Web and Native Apps Combined”
Offline Storage: When 7 KB Equals 7 MB
Gerardo Rodriguez from Cloudfour: While testing a progressive web app for one of our clients, I bumped into a suspicious error in the browser console: DOMException: Quota exceeded. After browsing the app a few more times, it became clear the error would occur after a small number of images were added to the cache storage …