{"id":18608,"date":"2017-08-11T14:28:28","date_gmt":"2017-08-11T18:28:28","guid":{"rendered":"https:\/\/mjtsai.com\/blog\/?p=18608"},"modified":"2020-12-24T11:58:21","modified_gmt":"2020-12-24T16:58:21","slug":"safari-should-display-favicons-in-its-tabs","status":"publish","type":"post","link":"https:\/\/mjtsai.com\/blog\/2017\/08\/11\/safari-should-display-favicons-in-its-tabs\/","title":{"rendered":"Safari Should Display Favicons in Its Tabs"},"content":{"rendered":"

John Gruber<\/a>:<\/p>\n

\n

Once Safari gets to a dozen or so tabs in a window, the left-most tabs are literally unidentifiable because they don’t even show a single character of the tab title. They’re just blank. I, as a decade-plus-long dedicated Safari user, am jealous of the usability and visual clarity of Chrome with a dozen or more tabs open. And I can see why dedicated Chrome users would consider Safari’s tab design a non-starter to switching.<\/p>\n

I don’t know what the argument is against<\/em> showing favicons in Safari’s tabs, but I can only presume that it’s because some contingent within Apple thinks it would spoil the monochromatic aesthetic of Safari’s toolbar area. I really can’t imagine what else it could be. I’m personally sympathetic to placing a high value on aesthetics even when it might come at a small cost to usability. But in this case, I think Safari’s tab design — even if you do think it’s aesthetically more appealing — comes at a large<\/em> cost in usability and clarity. The balance between what looks best and what works best is way out of whack with Safari’s tabs.<\/p>\n

[…]<\/p>\n

I really can’t say this strongly enough: I think Safari’s lack of favicons in tabs, combined with its corresponding crumminess when displaying a dozen or more tabs in a window, is the single biggest reason why so many Mac users use Chrome.<\/p>\n<\/blockquote>\n

It’s not even really monochromatic. Unless you turn on “Reduce transparency,” Safari will use color to show an unreadable blur<\/a> of the top part of the page beneath the toolbar and tabs. And it will also bleed the colors of your desktop picture underneath the Bookmarks sidebar. To my eye, it’s ugly, non-functional, and harder to read. But can Safari use shapes or colors to help you identify which tab is which? No, it won’t let you do that.<\/p>\n

Update (2017-08-14): See also: Hacker News<\/a>.<\/p>\n\n

Update (2017-11-27): Faviconographer<\/a> (via John Gruber<\/a>):<\/p>\n

\n

Faviconographer is a little utility that displays Favicons for the tabs you have opened in the current Safari window, just like almost every other browser does it.\nThis helps you navigate between them more quickly.<\/p>\n<\/blockquote>\n

It uses the accessibility APIs to find the locations of the tabs on screen.<\/p>","protected":false},"excerpt":{"rendered":"

John Gruber: Once Safari gets to a dozen or so tabs in a window, the left-most tabs are literally unidentifiable because they don’t even show a single character of the tab title. They’re just blank. I, as a decade-plus-long dedicated Safari user, am jealous of the usability and visual clarity of Chrome with a dozen […]<\/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":"2020-12-24T16:58:24Z","apple_news_api_id":"3d61bce8-9b31-438b-9120-df81304ea1c7","apple_news_api_modified_at":"2020-12-24T16:58:25Z","apple_news_api_revision":"AAAAAAAAAAD\/\/\/\/\/\/\/\/\/\/w==","apple_news_api_share_url":"https:\/\/apple.news\/APWG86JsxQ4uRIN-BME6hxw","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":[2026,456,545,31,1380,30,32,1381,386,103,96],"class_list":["post-18608","post","type-post","status-publish","format-standard","hentry","category-technology","tag-favicons","tag-googlechrome","tag-icons","tag-ios","tag-ios-10","tag-mac","tag-macapp","tag-macos-10-12","tag-mobilesafari","tag-safari","tag-web"],"apple_news_notices":[],"_links":{"self":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/18608","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=18608"}],"version-history":[{"count":4,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/18608\/revisions"}],"predecessor-version":[{"id":19642,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/18608\/revisions\/19642"}],"wp:attachment":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/media?parent=18608"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/categories?post=18608"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/tags?post=18608"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}