Web Push for Web Apps on iOS and iPadOS — iOS and iPadOS 16.4 beta 1 comes with support for Web Push for home screen web apps, the badging API, screen wake lock API, and more. It’s now possible for a web app to send home screen push notifications to users with the Push API, Notifications API, and Service Workers all working together.
Eidson and Simmons (WebKit)
|
React Authentication, Simplified — In this article, we lay out a new approach to authentication (plus access control & SSO) in React applications.
Userfront sponsor
|
Do We Need CSS flex-wrap Detection? — A considered explainer as to why flex wrapping detection in CSS would be handy, along with some use-cases highlighting the potential benefit.
Ahmad Shadeed
|
Last Baseline Alignment — Alignment using the first and last keywords is now available in all major engines. This means that we can use last baseline alignment as another option when aligning groups of flex or grid items.
Rachel Andrew
|
📙 Tutorials, Articles & Opinion |
A Step-By-Step Guide to Building Accessible Carousels — Most carousels come with some usability and accessibility issues. This article addresses such problems with step-by-step design considerations as well as semantic requirements for carousels to be accessible.
Sonja Weckenmann
|
The User Activation API — As a web developer, you’ve probably noticed that certain APIs only work if an end-user clicks or taps on an HTML element. Well, the UserActivation API can help determine if it’s OK to call a function that depends on user activation, as explained here.
Marcos Caceres (WebKit)
|
🔧 Code, Tools & Resources |
Software Engineer — Join our happy team. Stimulus is a social platform started by Sticker Mule to show what's possible if your mission is to increase human happiness.
Stimulus
|
|
🌛 Dark Mode, The Easy Way? |
Over on Twitter, Flavio Copes had a great demonstration of a quick way to create a 'dark mode' for a site. Invert the colors, then invert back the things you don't want to change, like images and code examples: |
There can be some downsides to this approach but it might be enough to get you thinking about the colors you'd want to use. |
|