What Web Can Do (@WhatWebCanDo) header
What Web Can Do (@WhatWebCanDo) profile picture

What Web Can Do

@WhatWebCanDo

An interactive overview of the device integration HTML5 Web Platform APIs by @NOtherDev

whatwebcando.today
Joined September 2015
  • Tweets728
  • Following106
  • Followers747
19Media
Photo by What Web Can Do (@WhatWebCanDo)Photo by What Web Can Do (@WhatWebCanDo)Photo by What Web Can Do (@WhatWebCanDo)Photo by What Web Can Do (@WhatWebCanDo)Photo by What Web Can Do (@WhatWebCanDo)Photo by What Web Can Do (@WhatWebCanDo)Photo by What Web Can Do (@WhatWebCanDo)Photo by What Web Can Do (@WhatWebCanDo)Photo by What Web Can Do (@WhatWebCanDo)
What Web Can Do retweeted
WebKit (@webkit) profile picture
WebKit@webkit7 Jun 2022
Meet Web Push — a technical article about implementing Web Push in WebKit and Safari by @bradeeoh webkit.org/blog/12945/meet-w…
Meet Web Push

Meet Web Push

Websites have many reasons to notify their users of time-sensitive or high-priority events, even if the user does not currently have the site open.

webkit.org
1
32
8
110
A gift for all! 🎁 Learn how @tomayac recreated the TI-30X SOLAR calculator in HTML, CSS, and JavaScript, using the Window Controls Overlay API and the Ambient Light Sensor API! #Designcember 🎄🧮 designcember.com/#26th

Designcember: a month-long celebration of web design, brought to you by web

Every day we'll release a new piece of UI development-related content to celebrate the flexible and fluid new responsive web of tomorrow.

designcember.com
8
1
37
What Web Can Do retweeted
Maximiliano Firtman (@firt) profile picture
Maximiliano Firtman
@firt22 Dec 2021
Web Locks API, the <model> HTML element with its corresponding API, and a better FileSystem Access API implementation (adding file picker support) are probably coming to Safari next year. – at Ciudad Autónoma de Buenos Aires, Argentina
WebKit (@webkit) profile pictureWebKit@webkit20 Dec 2021
Release notes for Safari Technology Preview 137 are available with updates to Web Inspector, CSS, JavaScript, WebAssembly, the experimental Model Element, Web Extensions, and more. webkit.org/blog/12156/releas…
Release Notes for Safari Technology Preview 137

Release Notes for Safari Technology Preview 137

Safari Technology Preview Release 137 is now available for download for macOS Big Sur and macOS Monterey.

webkit.org
1
2
1
12
Wondering (like me) how browsers handle various prompts (PWA install, permission requests, notifications) from within XR, if at all? 🤔 I've developed a #WebXR test page for that. 🧑‍🔧 Try it now! 👀 immersive-web.github.io/webx… #PWA #CapableWeb #ImmersiveWeb #VR #AR #MR #XR
Image from Alexey Rodionov (@alexey_rodionov)
2
5
20
What Web Can Do retweeted
lil PWA (@Justinwillis96) profile picture
lil PWA@Justinwillis9619 Oct 2021
Over here looking at @WhatWebCanDo in Edge on my Windows device and these new Edge docs docs.microsoft.com/en-us/mic…. With all these capabilities, PWAs sure look like the best way to build a FULL FEATURED app that works anywhere, even app stores with @pwabuilder
Image from lil PWA (@Justinwillis96)
6
24
What Web Can Do retweeted
lil PWA (@Justinwillis96) profile picture
lil PWA@Justinwillis9615 Sep 2021
Yall, the VirtualKeyboard API web.dev/virtualkeyboard/ is EPIC for improving the tablet experience of your PWAs. It's the small UX things like this that can really make your PWA a great app. Here I am using the CSS env variables it exposes to show my controls above the keyboard
2
7
25
What Web Can Do retweeted
lil PWA (@Justinwillis96) profile picture
lil PWA@Justinwillis968 Sep 2021
PSA: Before going with a webview for your next web based Windows app always check @WhatWebCanDo whatwebcando.today/ in Edge. As you can see from my results a PWA can do what you need AND has other benefits over a webview: Cross-Platform, lighter weight 1/2
Image from lil PWA (@Justinwillis96)
3
7
26
As shared before (nitter.gq/ChromiumDev/status/124…), Notification Triggers allows you to schedule local notifications that don't require network, which is great for 🗓 Calendar or ✅ ToDo apps; see web.dev/notification-trigger… by @tomayac. 🙏 File your interest in github.com/beverloo/notifica….
Chrome for Developers (@ChromiumDev) profile pictureChrome for Developers
@ChromiumDev8 Apr 2020
📢 Exciting Project Fugu 🐡 API announcement: Notification Triggers allows you to schedule local notifications that don't require a network connection, which makes them ideal for use cases like 🗓 calendar apps. Read all about the API in @tomayac's post: web.dev/notification-trigger…

Notification Triggers API  |  Web Platform  |  Chrome for Developers

The Notification Triggers API allows developers to schedule local notifications that don't require a network connection, which makes them ideal for use cases like calendar apps.

developer.chrome.com
1
8
1
24
1️⃣ Send a friend an instant message 💬 w/ a link to a playlist on a music streaming service. 2️⃣ Your pal clicks 🖱 the URL in their messenger. 3️⃣ It opens in the standalone window 🖥 of the streaming service's PWA! 🎉 Let PWAs be #URLHandlers—by @tomayac: web.dev/pwa-url-handler/

PWAs as URL Handlers  |  Capabilities  |  Chrome for Developers

After registering a PWA as a URL handler, when a user clicks on a hyperlink that matches one of the registered URL patterns, the registered PWA will open.

developer.chrome.com
1
20
1
82
What Web Can Do retweeted
Maxim Salnikov (@webmaxru) profile picture
Maxim Salnikov@webmaxru11 Jun 2021
We are excited to announce PWA Summit 2021, October 6-7 - a free, online conference focused on helping everyone succeed with Progressive Web Apps. Join us: 🎤Submit a talk on pwasummit.org by Jul 12 📅Book your calendar 👉Follow @PWASummit for updates #PWA #PWASummit
Image from Maxim Salnikov (@webmaxru)
12
26
The correct & complete solution of using #ServiceWorker to make a web app offline-capable. there are more things to consider than what the typical guides tell: whatwebcando.today/articles/…
Handling Service Worker updates

Handling Service Worker updates

This article explains how to keep a PWA updated and sane

progressier.com
1
1
8
Starting today on Android, some users will get a richer PWA installation dialog on Twitter. - Want the same for your PWA? - Easy. Add the `description` and `screenshots` member to your manifest and you're done. Read web.dev/add-manifest/#descri… more for details
Screenshot of a bottom sheet install for PWA twitter

ALT Screenshot of a bottom sheet install for PWA twitter

17
175
49
607
What Web Can Do retweeted
WebRTC project (@webrtc) profile picture
WebRTC project@webrtc27 Jan 2021
WebRTC is now a W3C and IETF standard. A brief overview of the history, architecture, use cases, and future of WebRTC. web.dev/webrtc-standard-anno…

WebRTC is now a W3C and IETF standard  |  Articles  |  web.dev

A brief overview of the history, architecture, use cases, and future of WebRTC.

web.dev
1
16
1
60
What Web Can Do retweeted
David Walsh (@davidwalshblog) profile picture
David Walsh
@davidwalshblog11 Jan 2021
navigator.clipboard API davidwalsh.name/navigator-cl…
navigator.clipboard API

navigator.clipboard API

The navigator.clipboard API provides async read and write methods for managing clipboard data.

davidwalsh.name
1
1
13
What Web Can Do retweeted
WebKit (@webkit) profile picture
WebKit@webkit19 Oct 2020
Meet Face ID and Touch ID for the web to learn how to adopt these technologies with detailed examples, guidance on managing different browser UI, propagating user gestures to WebAuthn calls, and working with Apple Anonymous Attestation. webkit.org/blog/11312/meet-f…
Meet Face ID and Touch ID for the Web

Meet Face ID and Touch ID for the Web

People often see passwords are the original sin of authentication on the web.

webkit.org
5
88
20
330
What Web Can Do retweeted
Gianluca Varisco (@gvarisco) profile picture
Gianluca Varisco@gvarisco19 Oct 2020
Chrome 87 introduces the WebAuthn Tab in DevTools. You can now emulate authenticators and debug the Web Authentication API with the new WebAuthn tab. blog.chromium.org/2020/10/ch…
Image from Gianluca Varisco (@gvarisco)
1
6
1
24
Control camera pan, tilt, and zoom motions in Chrome 🐤 - "Would have been useful." Viral dad said. 🎬 web.dev/camera-pan-tilt-zoom 🎮 ptz.glitch.me/
4
35
1
144
What Web Can Do retweeted
CSS-Tricks (@css) profile picture
CSS-Tricks
@css5 Oct 2020
On the Web Share API css-tricks.com/on-the-web-sh…
On the Web Share API | CSS-Tricks

On the Web Share API | CSS-Tricks

I think the Web Share API is very cool (here's our coverage). In a nutshell, it taps into the native sharing features on whatever platform you're on, if that

css-tricks.com
28
99
What Web Can Do retweeted
Dan Spratling (@dan_spratling) profile picture
Dan Spratling@dan_spratling5 Oct 2020
Did you know you can cause a mobile device to vibrate using the navigator API? codepen.io/dan_spratling/pen…
3
10
New on the blogs: “Redeeming Push Notifications” – how to ensure users have a positive experience – by @Lady_Ada_King medium.com/samsung-internet-…
3
9
Load more