Developer, author, speaker and trainer. Author of many books and courses, latest: the free Learn PWA!
Web, Mobile, PWAs, WebPerf
En español:
@maxifirtman
Courses I've published this year 🆕
🔥Learn PWA!-free
🧱Build PWAs from Scratch
🛠️Cross-Platform Mobile Apps with Flutter
🤖Kotlin & Android Development
📲iOS Apps with Swift
🔐FullStack Authentication
🫙Browser Data Storage
😼JavaScript in the Background
🚨🚨🚨🚨
Apple will NOT remove PWA support on iOS
🥳🥳🥳🥳
👉This is an official statement form Apple that replaced today the previous excuses published around the removal.
We did it, folks!
🚨Today is Apple's PWA Day!🚨
Safari on iOS and iPadOS 16.4 b1 adds support for:
💌Web Push!-⚠️for installed PWAs only
🔢Badging
🆔Manifest ID with a twist
⬇️PWA installation from Third-Party browsers
👁️Screen Wake Lock
🌄Screen Orientation
🧑🦰User Activation
🎥Web Codecs
Apple has published a PWA😎
Wait What?😱
There is a new bug report app, built with create-react-app. Apple, as many other React devs, kept the default manifest unchanged. So it's a PWA with no iOS icon (React icon on other platforms) and React title 🤦♂️
🔥It's official🔥
👿Evil Apple is back, and it's killing PWAs on iOS for EU users🇪🇺
"To comply with the DMA’s requirements, we had to remove the Home Screen web apps feature in the EU.
-"Very low user adoption of Home Screen web apps"
-"Minimal impact to their functionality"
It seems it wasn’t a bug 😡
🔥Apple may remove PWA support for European users, a feature launched by Steve Jobs in 2008.
👉It also means no Web Push.
⚠️Installed PWAs may lose their storage and will render a dialog saying “it will open from your default browser from now on”
Safari 17 for web and PWA devs
🎁<model> for 3D and AR files
🍿popover
🕛HTTP Early Hints
🌆HEIC/HEIF/JPEG XL
🎥Managed Media Source
🔔Web Push per profile
🫙Storage API
💧ReadableStream
🔝Fetch Priority Hints
👩💻Web App install on macOS
📦PWA Install from SFViewController
Apple gets 30% of digital goods including, cooking classes you can take on Facebook app from individuals. FB put a sign highlighting Apple was taking 30%; Apple rejected: "the update violated an App Store rule that doesn’t let developers show “irrelevant” information to users."
When you request for push notification permission when the page loads,
📉97% of users don't accept
📉19% of users leave the site
The problem with mitigation solutions is that now websites are replacing the native dialog with a fake one to reduce the risk of a forever denial.
Microsoft Store on Windows 11 will accept PWA, UWP, Win32, and Android app. Android apps will be available using the Amazon AppStore library with a bridge that lets Windows execute Android apps.
Learn PWA! is a free course I wrote that breaks down every aspect of modern progressive web app multi-platform development. Published with support from the Google Chrome team. 👇
WebKit will not implement:
Web Bluetooth
Web MIDI
Magnetometer
Web NFC
Device Memory
Network Information
Battery Status
Ambient Light Sensor
Proximity Sensor
WebHID
Serial API
Web USB
Geolocation Sensor (background geolocation)
User Idle Detection
WebKit took the lazy way
"
@WebKit
’s first line of defense against fingerprinting is to not implement web features which increase fingerprintability and offer no safe way to protect the user. Here are some examples of features we have decided to not implement […]:"—.
One idea for
@caniuse
: to remove the IE column or hide it under "All". That will remove red rectangles from many specs that give us a wrong idea of compatibility issues. 🤔
🔥🔥🔥Breaking news🔥🔥🔥
Preliminary report for PWAs on iOS 13 beta 1: The user experience is much better and some annoying bugs added in 12.2 seem solved! (nothing was mentioned in the notes)
Share sheet has changed, and ATH is below the fold, but I like the new experience
Safari 17.4 beta for web apps 🔥
—Fullscreen API on iOS (finally!)
—CSS @scope
—hr separator inside select
—Switch style for checkboxes
—VP8/VP9 & WebM on iOS/ iPadOS
—Date Picker show API
—Vorbis audio on iOS
—PWA: shortcuts on macOS
—PWA: category metadata usage on macOS
“86% [of developers publishing on AppStore] never pay Apple a commission.”
Apple forgets to mention the $99/year that 100% of those developers pay to access those APIs and publish to the only marketplace available for iOS users.
Apple always says the App Store is the safest place on Earth to download apps.
Someone reports that the first organic result for 'bitcoin wallet' is a scam, and it was reported at least 12 days ago. 😳
Hey
@reactjs
remember the world has two hemispheres. 32,7% of Earth's land where React developers live is actually located in the southern hemisphere; Spring 2019 is not a way to specify a time span when it's not related to a geolocation. Thanks.
Diversity issues 🤷♂️
🔥Chrome on iOS and iPadOS now supports PWA installation.
⚠️A reminder that the standalone icon you get is exactly the same as the one installed from Safari.
PWA compatibility list:
🦾OpenAI has just published a 36-page paper about the impact of GPT on the labor market. I didn't read it; I used Bing Chat (based on GPT-4) to get the main ideas and ask if programmers would be affected.
Here you have the live video of that interaction.
Welcome to 2023. 🤯
it doesn’t sound like Microsoft is going to release an Xbox Cloud Gaming app on iOS, because Apple’s policy changes mean “there’s not room for us to monetize Xbox Cloud Gaming on iOS.” Full interview with Xbox chief Phil Spencer here:
We can confirm that PWAs on iOS 17.4 are turned off for EU users on b3, while Apple keeps silent about it as if it's not happening.
At this point, it’s a feature disabled on purpose, and they want to keep it that way for the stable version to ship in a few weeks to all users.
iOS 17.4 beta 3 is out, release notes don't mention anything regarding web apps in EU, and also Safari release notes are still not updated.
Looking forward for EU users testing if PWA support is back or still gone.
⚠️Since iOS 17.4 for EU users
1️⃣Apple will DELETE user's data without notice
2️⃣Lot of apps will stop working and there will be no way to access them without update
3️⃣Web Push will stop working; users expecting notifications will never get them
4️⃣Apple breaks the Web platform
1-800-Flowers seems to be the first PWA to be highlighted in the Google Play Store as
#5
in Trending. The company updated its Android native app with a PWA using TWA going from 12Mb to 0.8Mb in APK size 👏
Great performance and WebAuthn make a great app experience
Today’s news with Chrome 73:
✅ PWAs now installable on macOS
⏱Chrome Lite Pages on Android on 2g or when FCP > 5s
🌄Preload link accepts Responsive Images
📦Signed HTTP Exchanges SGX, aka AMP without Google’s URL😅
🎨Constructable Stylesheets
🌚Night Mode on macOS (no MQ)
😱Wow! Luna, Amazon game platform, is a PWA on iOS. "We worked with the Safari team to ensure that some of the things that weren't there are there, and that allowed us to kind of get to where we are today." That's why store rules mentioned the web recently
Good news!!
👉Learn PWA is published 😍
It's a free course / interactive ebook that I authored with editing and publishing support from the
@ChromiumDev
team.
I will treat it as my 13th published book; it's equivalent to a printed book of 200 pages!
😱 OMG! This is Safari's SQLite history taken out of my iPhone using WebShare API. Safari (iOS-iPadOS-macOS) accepts file protocol in URL, so apps attach that file. Apple said it won't solve this security hole this year. More dangerous files can be shared.
20 years ago, Gmail launched, revolutionizing web apps with UI updates without page refreshes—a magical feat then.
This technique, later named AJAX (Asynchronous JavaScript And XML), set the new standard in web development.
On iOS 15, bottom fixed elements will have problems if CSS safe area environment variables (env function) are not used; look at the Starbucks "Start an order" button with
a) URL bar hidden
b) URL bar visible (current code)
c) URL bar visible visible with env margin
🔥PWAs on Chrome🔥
⚙️Service Worker won't be a requirement anymore! Installability Criteria will change soon.
🦖There will be a default offline page if you don't register a SW.
➡️107/108 will have richer install UI on desktop, following Android.
@tropicadri
during
#pwasummit22
We've asked Apple to implement Web Push in iOS for too many years. The answer was always the same: null, sarcastic, or accuser.
We are all happy that you finally changed your mind and did it (partially) but don't sell it as if you always supported it or as if it was your idea.
This is great! Microsoft Edge PWA installation native prompt gives useful and clear information on what's going on. I'd like to see some info from the manifest here in the future (such as description). Chrome is far behind clarity and consistency in this field.
What's new in CSS
#WWDC23
session is amazing.
It's one of the best web sessions at a WWDC I've ever seen.
With clear ideas, good examples, and excellent diagrams, it answers most questions with an engaging script and delivery. 💯
Congrats,
@jensimmons
👏
The "Dynamic Island" on iPhone 14 Pro increases the non-safe top bar area by 25%. Installed PWAs work fine with it.
The area is 59px instead of 47px. If you are using the old hack to get fullscreen or `viewport-fit=cover` 👇
"Google is so close to almost complete control of the infrastructure of our online lives that it may not be profitable to continue to fight this(...but) we compete because the health of the internet and online life depend on competition and choice" Mozilla
Web Storage changes for Safari 17
🚫1GB limit per origin is GONE
🫙Storage API now fully supported
⛽️Quota is set per origin based on available space
🏴☠️It seems 7-day cap is gone 🤔
📦Sandboxes:
-One per profile
-Web Apps iOS/iPadOS
-Web Apps macOS (cookies copied on install)
Under the DMA, Apple's not allowed to retain the home screen web app feature, powered by WebKit, unless it did the engineering work to enable other browser engines to do the same ... so instead nobody can do it!
⛔️ Important Information for iOS Users Regarding PWA support removal in the EU.
Below are some ideas and potential problems we might face if these changes make their way into the final version. 👇
I updated my iPhone to iOS 17.4 beta 2 and PWAs now only open as a web page.
That means push notifications are gone but at least the service worker still seems intact as the PWA still works offline.
The service worker doesn't show up in dev tools anymore
Updated viewport widths* and DPRs on iPhones:
-320: iPhone SE
-375: iPhone 7/8/X/Xⓢ/11 Pro/SE 2/12 mini
-390🆕: iPhone 12/12 Pro
-414: iPhone 7+/8+/Xⓢ Max/XⓇ/11/11 Pro Max
-428🆕: iPhone 12 Pro Max
* with viewport width=device-width meta tag
Five new chapters of "Learn PWA" are published! 🥳
—Serving resources
—Using Workbox
—Offline data
���Installation
—Web App Manifest
It's free and now available 👇
Safari on iOS & iPadOS 13 official changelog
🔲iPad Desktop browsing
⬛️Dark mode MQ
🏎Performance (see image)
✍️Pointer Events
🎨Visual Viewport API
💳Apple Pay in WV
🔑Sign with Apple (Safari & WV)
🧭Permission API for Motion Sensors
🚗WebDriver for iOS
⚠️WebSQL Removed
Web Platform on iOS and iPadOS 16.4:
💌Web Push🎉-⚠️installed PWAs only
🔢Badging-⚠️if push is granted
🆔Manifest's id
🏘️3rd party browsers¹: PWA install & debug
👁️Screen Wake Lock
🌄Screen Orientation
🧑🦰User Activation
🎥Web Codecs
🗜️Compression Streams
The technical reasons behind the decision published in the document are childish and it contains many lies.
This was published in the document "Update on apps distributed in the European Union"
I can confirm PWAs are still there on iOS 15, same install experience as before, and they use the theme color for the status bar! Finally! 👏
Also, PWAs work with the new iPadOS 15 multitasking system
PWA to APK is the first tool to build & sign an app ready for Google Play Store from your PWA’s URL
Get:
1−signed APK
2−certificate: save it with its credentials for updates!
3−file to host in your server
4−source code
Try it ⏩
Congrats
@appmaker_xyz
Safari 17.2 is out 🔥
🍪Cookies copied on PWA install
👺Maskable icon support-macOS
🎫OTP autofill for 3rd-party browsers & webviews
🪺Full CSS nesting
🚤Responsive Image Preloading
📋Fetch Prority for img, script, link
❌Custom Form validation message
⚙️macOS web app settings
Cheers to all the folks at
@OpenWebAdvocacy
for all the great work to make this happen.
We don't know what happened internally but also cheers to anyone at the
@webkit
/ Safari team fighting for it as well (in case that actually happened, I don't know).
We need immediate support from web developers and businesses that operate online in the EU. The European Commission needs to hear from YOU to understand the devastating impact Apple’s new ban will have on your livelihoods, businesses and customers.
Regardless of the outcome in the "US Department of Justice vs. Apple, Inc." case on smartphone monopoly allegations, I find this speech commendable.
It breaks down complex points into understandable terms while maintaining technical accuracy, especially on developer-related