Weekly Platform News: Emoji String Length, Issues with Rounded Buttons, Bundled Exchanges

This week's web platform news covers unexpected emoji string lengths, accessibility concerns with rounded buttons, and a potential game-changer for offline web app sharing.

Emoji String Lengths: A JavaScript Surprise

The JavaScript string.length property for emojis isn't always straightforward. A single displayed emoji can have a length up to 7 characters due to additional Unicode scalar values for skin tone, gender, and color variations.

(via Henri Sivonen)

Rounded Buttons: Accessibility Considerations

Using CSS border-radius on <button></button> elements reduces the clickable area, creating an accessibility problem. The solution? Consider alternative methods like border-image or a transparent, absolutely positioned ::before pseudo-element to maintain full clickability.

(via Tyler Sticka)

Offline Web App Sharing with Bundled Exchanges

Chrome's upcoming support for Bundled Exchanges (part of Web Packaging) offers a novel approach to offline web app sharing. A bundled exchange packages a webpage and its resources, allowing the browser to verify its signature and navigate to it without an internet connection. This opens exciting possibilities for sharing web apps, such as games, between devices offline.

(via Kinuko Yasuda)

For more in-depth news and analysis, subscribe to the weekly Sunday issue delivered to your inbox every Monday morning. Visit webplatform.news for details.

The above is the detailed content of Weekly Platform News: Emoji String Length, Issues with Rounded Buttons, Bundled Exchanges. For more information, please follow other related articles on the PHP Chinese website!