How to Make Icons for Safari’s Pinned Tabs

Craig Hockenbery:

The recent release of Safari 9.0 brought a great new feature: pinned tabs. These tabs are locked to the lefthand side of your tab bar and stay in place, even when you open a new window or relaunch the browser.

The default behavior is to display the first letter of the site’s name on a color from the site’s theme. If you work on a site with a strong branding element, you’ll want to customize the icon on the pinned tab. Anthony Piraino and I have been working on one for the Iconfactory and would like to share some of the things we learned.

Not coincidentally, DF now has a proper icon when pinned. (Not quite identical to the one Craig created as an example for this article, but close.)

Monday, 21 December 2015