Last active
March 3, 2019 13:06
-
-
Save SynCap/71c71115eb7285743dc4be63b83c25ff to your computer and use it in GitHub Desktop.
Most common HTML HEAD content. PUG version
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// most restricted user zoom possibilities | |
meta(name="viewport", content="width=device-width, initial-scale=1, viewport-fit=cover, maximum-scale=1.0, user-scalable=no") | |
// iOs safari kick-ass | |
meta(name="apple-mobile-web-app-capable", content="yes") | |
meta(name="apple-mobile-web-app-status-bar-style", content="black-translucent") | |
// detections in mobile Chrome & FF are on by default | |
// following directives helps to switch them off | |
// in some desktop browsers (webkit & FF) can be switched on | |
meta(name="format-detection", content="telephone=yes") | |
meta(name="format-detection", content="address=yes") |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// leverage to the most recent IE renderer | |
meta(http-equiv='X-UA-Compatible', content='IE=edge') | |
// use native MS font smoothing alhorithms, mostly more perfect look on Windows and with MS browsers | |
meta(http-equiv='cleartype', content='on') | |
// must have things to pin websites in windows8 and windows10 | |
link(rel='manifest', href='/img/icons/manifest.json') | |
meta(name='msapplication-TileColor', content='#000055') | |
meta(name='msapplication-TileImage', content='/ms-icon-144x144.png') | |
meta(name='theme-color', content='#000055') |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Apple | |
link(rel="apple-touch-icon" sizes="57x57" href="/img/icons/apple-icon-57x57.png") | |
link(rel="apple-touch-icon" sizes="60x60" href="/img/icons/apple-icon-60x60.png") | |
link(rel="apple-touch-icon" sizes="72x72" href="/img/icons/apple-icon-72x72.png") | |
link(rel="apple-touch-icon" sizes="76x76" href="/img/icons/apple-icon-76x76.png") | |
link(rel="apple-touch-icon" sizes="114x114" href="/img/icons/apple-icon-114x114.png") | |
link(rel="apple-touch-icon" sizes="120x120" href="/img/icons/apple-icon-120x120.png") | |
link(rel="apple-touch-icon" sizes="144x144" href="/img/icons/apple-icon-144x144.png") | |
link(rel="apple-touch-icon" sizes="152x152" href="/img/icons/apple-icon-152x152.png") | |
link(rel="apple-touch-icon" sizes="180x180" href="/img/icons/apple-icon-180x180.png") | |
// Android | |
link(rel="icon" type="image/png" sizes="192x192" href="/img/icons/android-icon-192x192.png") | |
// Common web, order is important!!! | |
link(rel="icon" type="image/png" sizes="32x32" href="/img/icons/favicon-32x32.png") | |
link(rel="icon" type="image/png" sizes="96x96" href="/img/icons/favicon-96x96.png") | |
link(rel="icon" type="image/png" sizes="16x16" href="/img/icons/favicon-16x16.png") | |
// MS Windows 8/10/Mobile | |
link(rel="manifest" href="/img/icons/manifest.json") | |
meta(name="msapplication-TileColor" content="#000055") | |
meta(name="msapplication-TileImage" content="/ms-icon-144x144.png") | |
meta(name="theme-color" content="#000055") |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment