Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Safari's pinned mask-icon, as modified in OS X 10.11 #75

Open
grazianoappbuilder opened this issue Oct 1, 2018 · 0 comments
Open

Safari's pinned mask-icon, as modified in OS X 10.11 #75

grazianoappbuilder opened this issue Oct 1, 2018 · 0 comments

Comments

@grazianoappbuilder
Copy link

Hi, I found in GitHub's page itself a html element with the "mask-icon" attribute that I didn't know about.
This tutorial explains that it was introduced by Apple for Safari's pinned mask icons. There's already a pull-request on this topic, but it's outdated, as Apple eventually changed the syntax.
Quoting 1st paragraph:

With the release of Mac OS X 10.11, Safari finally got pinned tabs. While all other browsers use a site’s favicon for the pinned tab, Apple deemed that “not esthetically pleasing enough” and created a new type of icon for it, which they call a “mask-icon”. By default, they’ll use the first letter of your domain if you don’t have such an image. You need a black SVG image, a hover color and some time to do a tiny bit of coding.

Could you please integrate it in your document? I am new user and I'm not skilled in GitHub (unfortunately). Thanks. Graziano

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant