Skip to content

Instantly share code, notes, and snippets.

@aTei
Last active April 19, 2016 09:51
Show Gist options
  • Select an option

  • Save aTei/17ba234ea5ec2e304e2c26c1bbbe79f8 to your computer and use it in GitHub Desktop.

Select an option

Save aTei/17ba234ea5ec2e304e2c26c1bbbe79f8 to your computer and use it in GitHub Desktop.
Crossbrowser favicons for Ruby on Rails 3+ (slim template engine)
/ `= render 'favicons'` inside <head> in your `layouts/application.html` (and all other layouts)
link rel="apple-touch-icon" sizes="192x192" href=image_url("favicons/favicon-192x192.png")
link rel="icon" type="image/png" sizes="192x192" href=image_url("favicons/favicon-192x192.png")
/ https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/pinnedTabs/pinnedTabs.html
link rel="mask-icon" href=image_url("favicons/safari-pinned-tab.svg") color="#5bbad5"
meta name="theme-color" content="#5bbad5"
/ browserconfig.xml https://gist.github.com/aTei/d322dc095f7fc6b0ce857c82d2d1e901
/ place it into `assests/images` dir
meta name="msapplication-config" content=asset_path("browserconfig.xml")
/ manifest.webmanifest https://gist.github.com/aTei/56b197a0308b4fe5efbd3abc8006e2ee
/ place it into `public` dir
link rel="manifest" href="manifest.webmanifest"
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment