search

DecodedCo / pollen

Styles and patterns library
0 stars 0 forks source link

New apple touch icons #25

Closed jonashaefele closed 10 years ago

jonashaefele commented 10 years ago

add the following to your html header:

<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<!-- Favicon and iOS/Android shortcut icons -->
<link rel="apple-touch-icon" href="bower_components/Pollen/assets/apple-touch-icon/iPhone.png">
<link rel="apple-touch-icon" sizes="76x76" href="bower_components/Pollen/assets/apple-touch-icon/iPad.png">
<link rel="apple-touch-icon" sizes="120x120" href="bower_components/Pollen/assets/apple-touch-icon/touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="bower_components/Pollen/assets/apple-touch-icon/iPhone@2x.png">
<link rel="shortcut icon" sizes="196x196" href="bower_components/Pollen/assets/shortcut-icon-196.png">
<link rel="shortcut icon" sizes="128x128" href="bower_components/Pollen/assets/shortcut-icon-128.png">
aliblackwell commented 10 years ago

They look gorgeous!

jonashaefele commented 10 years ago

how do we feel about windows phone? https://scoutzie.com/blog/how-to-add-website-icon-to-iphone-ipad-android-home-screen scroll down:

<meta name="msapplication-square150x150logo" content="apple-touch-icon-150.png"/> 
<meta name="msapplication-TileImage" content="apple-touch-icon-150.png"> 
<meta name="msapplication-TileColor" content="#f87242"/> 
<meta name="application-name" content="Scoutzie.com" />

that would mean we have to add square tiles as well..