1 Thing A Week 1 Thing
A Week

Upcoming changes to Safari 15 in MacOS Monterray What to expect in Safari 15

Week 192.0 — 28th June '21

If you would like to know more and see some examples of what the changes coming to Safari in MacOS Monterray might mean for you, I highly recommend watching the Design for Safari 15 developer video from WWDC.

By giving you the option to blend the lines between where the browser ends and your website begins, the Safari team have given us all another job to do but the execution is pretty good. It's actually powered by a meta tag that has existed for some time:

<meta name="theme-color" content="#FF2222">

I've set the theme-colour property on a few projects in the past but as an iPhone user I've never really seen the impact it can have. Now with the Safari Technology Preview, I've been able to see the real impact of making a choice.

For this blog, it means the browser bar at the top takes on a colour that complements the theme. For my own portfolio site, it chooses my background colour. It works out quite well but means the subtle gradient I've applied causes a break in colour on the right.

Manuel Matuzović has put forward an interesting idea where you can use the feature to highlight form validation issues.

I highly recommend watching the video above. There are some great tips about using environmental variables as well as covering the changes to Safari's layout.

Overall, I think the changes are pretty good. It makes the browser feel bigger, but without using it day to day, I'm not sure how jarring the experience might be. The theme-colour feature seems smart enough itself, but I've seen Safari Technology Preview and give it a go now.

More from 1 Thing A Week
« Update 2 for SkeletonCSS Liverpool F.C. are 2019/2020 Premier League Champions! 3 Things to watch now 5 things website need to stop doing »

Advertisement

Notable

Quick links and commentary on interesting articles, videos and more throughout the week.

  1. 192.1 – Monday
    1. Introducing Windows 11 Windows on youtube.com
    2. Paper Is Creased and Twisted into an Elegant Three-Dimensional Typographic Series by Reina Takahashi thisiscolossal.com
    3. Digestive tray side table   £110 www3.next.co.uk
  2. 192.4 – Thursday
    1. Google Plus launched ten years ago this week pxlnv.com
  3. 192.5 – Friday
    1. Legend EL1 blessthisstuff.com

Jump to notable items for Week #191, Week #193 , view the notable archive or my favourites.

About 1 Thing A Week

A website curated by @cchana bringing you 1 Thing A Week, delivered every Monday morning.

You can find a list of all articles in the archive, or read the most popular.

Find out more about 1 Thing A Week or read the privacy policy.

Market

Visit the market and support 1 Thing A Week.

You can find 1 Thing A Week on Twitter, Facebook, Instagram & Reddit