I bet a lot of us tend to have the production website and the development website up simultaneously a lot. It’s almost a developer cliché at this point to make some local change, refresh, refresh, refresh, refresh, and just not see the change, only to discover you were looking at the production website, not your local development website.
It’s just funny at first, but it’s frustrating if it happens a lot. It’s also totally avoidable by having an obvious visual… Read article “Different Favicon for Development”
Oooo! A bonafide trick from Thomas Steiner. Chrome will soon be supporting SVG favicons (e.g.
<link rel="icon" href="/icon.svg"/>). And you can embed CSS within an SVG with a
<style></style> element. That CSS can use a
perfers-color-scheme media query, and as a result, a favicon that supports dark mode!… Read article “Dark Mode Favicons”
It’s the first thing your eyes look for when you’re switching tabs.
That’s one way of explaining what a favicon is. The tab area is a much more precious screen real-estate than what most assume. If done right, besides being a label with icon, it can be the perfect billboard to represent what’s in or what’s happening on a web page.… Read article “The Making of an Animated Favicon”
In this week's news, Google defines guidelines for favicons, a new a11y testing tool from The Paciello Group, and changes to how the W3C plans to engage the community, plus more.
I got frustrated of not being able to tell the tabs apart as I was working on stuff. So this is my so-dumb-it’s-smart solution.
The only hitch in my gittyup was that I had to add it to .gitignore, which untracked the file, which deletes it, and had to manually slip it back onto the server. Although it looks like there are smarter ways.… Read article “Give Your Development Domain a Different Favicon Than Production”
A couple of techniques and food for thought around the idea of adding a favicon next to links on websites.