New WebKit features in Safari 15, introducing Material You, Photoshop on the web, and Next 12 | Front End News #041
Tags: news, frontendnews
Published: 2021-11-03 03:27:44

> **NOTE:** This is issue #041 of my newsletter, which went live on Monday, November 1st. If you find this information useful and interesting and you want to receive future issues as they are published, ahead of everyone else, I invite you to join the subscriber list at [frontendnexus.com](https://frontendnexus.com/).

***

We're taking a look at the new WebKit features that landed in Safari 15. You can now start converting your apps to the new Material You guidelines with the official documentation and migration guide. We learn about how Photoshop could have a web version. Safari Technology Preview 134 is now available, and Next 12 is the highlight of the software updates section.

***

## New WebKit Features in Safari 15

Safari holds the unenvied position of having the slowest update cycle of all modern browsers. With the recent release of version 15, have you wondered what new features have landed? Disregarding the controversial redesign of the interface, here is a brief outline of the changes to the WebKit engine:

- Safari Web Extensions can now be used on iOS and iPadOS
- `theme-color` meta tags can now be used to customize
- support for `aspect-ratio`, new color functions (`lab()`, `lch()`, `hwb()`) and other CSS updates
- a new CSS Grid Inspector tool
- support for ES6 Modules in Workers and ServiceWorkers
- WebGL2, Web Share level 2

There is a lot more detail on all these additions, therefore I invite you to check the article Jen Simmons published:

- [New WebKit Features in Safari 15](https://webkit.org/blog/11989/new-webkit-features-in-safari-15/)

***

## Introducing Material You

Google announced Material You back in May at the Google I/O event. Now, we have the complete specification available to us. It includes a migration guide so that you can easily convert your app, website, or theme.

- [Introducing Material You](https://m3.material.io/)

***

## Photoshop's journey to the web

Adobe recently announced that beta versions of Photoshop and Illustrator can be used online, in a web browser. Of course, these versions will not have the same functionality as the desktop versions, due to the limitations of the environment. The major achievement is the evolution of the web platform that made this thing possible. And the Chrome team has a little story for us about this journey.

- [Photoshop's journey to the web](https://web.dev/ps-on-the-web/)

***

## Browser news

### WebKit

There is more from the WebKit team this week, namely another Safari Technology Preview release. Update 134 brings over another long list of changes and here are just a few that caught my eye:

- support for font palette and implementation of the CSS Font Loading API
- CSS Cascade Layers have been updated to the latest spec change
- support for ScrollOptions’ **ScrollBehavior** and CSS `scroll-behavior` properties
- support for WebRTC media capabilities

The full list is available in the official release notes linked below:

- [Release Notes for Safari Technology Preview 134](https://webkit.org/blog/12033/release-notes-for-safari-technology-preview-134/)

***

## Software updates and releases

- **[Dust.js v3.0.0](https://github.com/linkedin/dustjs/releases/tag/v3.0.0)** - asynchronous Javascript templating for the browser and server
- **[ESLint v8.1.0](https://github.com/eslint/eslint/releases/tag/v8.1.0)** - find and fix problems in your JavaScript code
- **[Meteor 2.5](https://blog.meteor.com/announcing-meteor-2-5-with-cordova-10-accounts-passwordless-and-much-more-1848fa61e313)** - the JavaScript app platform
- **[MUI-Datatables v4.0.0](https://github.com/gregnb/mui-datatables/releases/tag/4.0.0)** - datatables for React using Material-UI
- **[Next.js 12](https://nextjs.org/blog/next-12)** -
- **[Solid v1.2.0](https://github.com/solidjs/solid/releases/tag/v1.2.0)** - a declarative, efficient, and flexible JavaScript library for building user interfaces.
- **[Tabulator v5.0.0](http://tabulator.info/docs/5.0/release)** - the easy to use, fully featured, interactive table JavaScript library
- **[Yarn 3.1](https://dev.to/arcanis/yarn-31-corepack-esm-pnpm-optional-packages--3hak)** - fast, reliable, and secure dependency management for JavaScript

***

## Wrapping things up

That's about all I have for this update. If you enjoyed this newsletter, there are a couple of ways to support it. You can share the [link to this issue](https://frontendnexus.com/news/041/) on social media, and follow me on [Twitter](https://twitter.com/frontendnexus). Each one of these helps me out and I'd appreciate your consideration.

Have a great and productive time, keep yourselves safe, and I will see you again next time!