{"id":33354,"date":"2021-08-06T16:20:03","date_gmt":"2021-08-06T20:20:03","guid":{"rendered":"https:\/\/mjtsai.com\/blog\/?p=33354"},"modified":"2021-08-06T16:20:54","modified_gmt":"2021-08-06T20:20:54","slug":"safari-15-vs-vivaldi-when-matching-the-webs-colors","status":"publish","type":"post","link":"https:\/\/mjtsai.com\/blog\/2021\/08\/06\/safari-15-vs-vivaldi-when-matching-the-webs-colors\/","title":{"rendered":"Safari 15 vs. Vivaldi When Matching the Web&rsquo;s Colors"},"content":{"rendered":"<p><a href=\"https:\/\/twitter.com\/stevex\/status\/1423604246348500997\">Steve Tibbett<\/a> (includes video):<\/p>\n<blockquote cite=\"https:\/\/twitter.com\/stevex\/status\/1423604246348500997\">\n<p>Flipping tabs in the new Safari is terrible.  The flipping of the chrome colour makes it even harder to see what tab is selected.  This isn&rsquo;t an artificial test, these were the tabs I had open.<\/p>\n<\/blockquote>\n\n<p><a href=\"https:\/\/twitter.com\/gruber\/status\/1423668703732903938\">John Gruber<\/a>:<\/p>\n<blockquote cite=\"https:\/\/twitter.com\/gruber\/status\/1423668703732903938\"><p>Mind-boggling that anyone thinks this looks good, or isn&rsquo;t bothered by the fact that it&rsquo;s very hard to see which tab is selected.<\/p><\/blockquote>\n\n<p><a href=\"https:\/\/twitter.com\/petermaurer\/status\/1423695004833288194\">Peter Maurer<\/a>:<\/p>\n<blockquote cite=\"https:\/\/twitter.com\/petermaurer\/status\/1423695004833288194\">\n<p>Remember the auto-color playlist headers in iTunes? This is like that. They&rsquo;ll leave it enabled by default for a while because they can, and because some designer feels strongly about it.<\/p>\n<p>Then in a year or two, they&rsquo;ll disable it by default. Eventually, it will silently go away.<\/p>\n<\/blockquote>\n\n<p><a href=\"https:\/\/birchtree.me\/blog\/vivaldi-offers-a-usable-ui-when-matching-the-webs-colors\/\">Matt Birchler<\/a>:<\/p>\n<blockquote cite=\"https:\/\/birchtree.me\/blog\/vivaldi-offers-a-usable-ui-when-matching-the-webs-colors\/\">\n<p>Vivaldi may not look as fancy as Safari, but I think it&rsquo;s hard to ague it&rsquo;s any less usable.<\/p><ol><li>The active tab is always the same color, so it always stands out.<\/li><li>Most UI elements live in the always-white part of the app so they&rsquo;re always equally visible.<\/li><li>The active table is always white so the black text is always maximally contrasy.<\/li><\/ol>\n<\/blockquote>\n\n<p>Plus, it gets the hierarchy right by putting the URL&mdash;which is tab-specific&mdash;inside the tab rather than above all the tabs.<\/p>\n\n<p>Previously:<\/p>\n<ul>\n<li><a href=\"https:\/\/mjtsai.com\/blog\/2021\/07\/27\/safari-15-changes-in-beta-4\/\">Safari 15 Changes in Beta 4<\/a><\/li>\n<li><a href=\"https:\/\/mjtsai.com\/blog\/2021\/07\/15\/safari-15-changes-in-beta-3\/\">Safari 15 Changes in Beta 3<\/a><\/li>\n<li><a href=\"https:\/\/mjtsai.com\/blog\/2021\/06\/17\/safari-15\/\">Safari 15<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Steve Tibbett (includes video): Flipping tabs in the new Safari is terrible. The flipping of the chrome colour makes it even harder to see what tab is selected. This isn&rsquo;t an artificial test, these were the tabs I had open. John Gruber: Mind-boggling that anyone thinks this looks good, or isn&rsquo;t bothered by the fact [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"apple_news_api_created_at":"2021-08-06T20:20:07Z","apple_news_api_id":"6d2a6014-bbc8-4f66-b376-6aaa85795d8b","apple_news_api_modified_at":"2021-08-06T20:20:59Z","apple_news_api_revision":"AAAAAAAAAAAAAAAAAAAAAg==","apple_news_api_share_url":"https:\/\/apple.news\/AbSpgFLvIT2azdmqqhXldiw","apple_news_coverimage":0,"apple_news_coverimage_caption":"","apple_news_is_hidden":false,"apple_news_is_paid":false,"apple_news_is_preview":false,"apple_news_is_sponsored":false,"apple_news_maturity_rating":"","apple_news_metadata":"\"\"","apple_news_pullquote":"","apple_news_pullquote_position":"","apple_news_slug":"","apple_news_sections":"\"\"","apple_news_suppress_video_url":false,"apple_news_use_image_component":false,"footnotes":""},"categories":[2],"tags":[77,30,32,2077,103,2104,96],"class_list":["post-33354","post","type-post","status-publish","format-standard","hentry","category-technology","tag-design","tag-mac","tag-macapp","tag-macos-12","tag-safari","tag-vivaldi","tag-web"],"apple_news_notices":[],"_links":{"self":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/33354","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/comments?post=33354"}],"version-history":[{"count":2,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/33354\/revisions"}],"predecessor-version":[{"id":33356,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/33354\/revisions\/33356"}],"wp:attachment":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/media?parent=33354"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/categories?post=33354"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/tags?post=33354"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}