New favicon?

Everyone's probably excited that they're running XF 2.2 now.

It's most likely a small UI adjustment in 2.1.9 to match their new homepage though. :p
 
I hope version 2.2 finally has a cache management that lets us delete ALL cache folders or tables and then rebuild them. If you only made upgrades since version 2.0.10, but always tested your own templates and then deleted them in the ACP, you now have a lot of garbage in the cache folders and imho "sometimes some" unexplainable side effects.
 
What does that have to do with the favicon?

I hope version 2.2 finally has a cache management that lets us delete ALL cache folders or tables and then rebuild them. If you only made upgrades since version 2.0.10, but always tested your own templates and then deleted them in the ACP, you now have a lot of garbage in the cache folders and imho "sometimes some" unexplainable side effects.
 
Ideally they would keep the "xF" labelled one for smaller resolutions and go with the full text on larger sized ones. The full text on the tab is just not readable, especially when covered by a notification dot it's just like: "What is is this tab again?"
PDv5IYe.png


On larger resolutions it's doing quite well, although the notification icon there is in pretty bad shape and could use a do-over. It's probably a browser quirk that can't be avoided, but if we could avoid having the icon show anywhere but on the tab bar, that'd probably be the best solution.
zgOpT38.png
 
To properly work at multiple resolutions and various apple/android/MS tablets you kinda need a stanza like the following;
HTML:
<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png?v={$versionId}">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png?v={$versionId}">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png?v={$versionId}">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png?v={$versionId}">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png?v={$versionId}">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png?v={$versionId}">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png?v={$versionId}">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png?v={$versionId}">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png?v={$versionId}">
<link rel="icon" type="image/png" href="/favicon-32x32.png?v={$versionId}" sizes="32x32">
<link rel="icon" type="image/png" href="/android-chrome-192x192.png?v={$versionId}" sizes="192x192">
<link rel="icon" type="image/png" href="/favicon-96x96.png?v={$versionId}" sizes="96x96">
<link rel="icon" type="image/png" href="/favicon-16x16.png?v={$versionId}" sizes="16x16">
<link rel="manifest" href="/manifest.json?v={$versionId}">
<link rel="shortcut icon" href="/favicon.ico?v={$versionId}">
<meta name="msapplication-TileColor" content="{$backgroundColor}">
<meta name="msapplication-TileImage" content="/mstile-144x144.png?v={$versionId}">

Rather than just set a single complex icon everywhere.
 
Last edited:
Top Bottom