Permalink
Browse files

added favicon and apple-touch-icons

  • Loading branch information...
1 parent 498b04c commit 8ebcaedf524bd547fa326e5c5110f0fa944afd39 @connor connor committed Jan 23, 2012
View
BIN apple-touch-icon-114x114-precomposed.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN apple-touch-icon-72x72-precomposed.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN apple-touch-icon-precomposed.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN favicon.ico
Binary file not shown.
View
15 index.html
@@ -6,6 +6,19 @@
<title>HTML5 Please - Use the new and shiny responsibly</title>
<meta name="description" content="Look up HTML5, CSS3, etc features, know if they are ready for use, and if so find out how you should use them – with polyfills, fallbacks or as they are.">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
+
+ <!-- favicon -->
+ <link rel="shortcut icon" href="favicon.ico" />
@mathiasbynens
mathiasbynens Jan 23, 2012

NOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO

@connor
connor Jan 23, 2012

GAHHH i thought this was fine? I thought we needed this AND the apple-touch-icons? Teach me.

@mathiasbynens
mathiasbynens Jan 23, 2012

I was overreacting (as I always do when PRECIOUS BYTES ARE WASTED!!11) but the HTML for the favicon is not needed in this case, since it’s in the root of the document. See http://mathiasbynens.be/notes/rel-shortcut-icon if you’re interested enough.

@connor
connor Jan 23, 2012

oh hell yeah.

+
+ <!-- For iPhone 4 with high-resolution Retina display: -->
+ <link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114-precomposed.png">
+
+ <!-- For first-generation iPad: -->
+ <link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72-precomposed.png">
+
+ <!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
+ <link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png">
+
<link href="http://fonts.googleapis.com/css?family=Francois+One|Open+Sans:400italic,400,800" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<script src="js/libs/modernizr-2.0.min.js"></script>
@@ -172,7 +185,7 @@ <h2 class="name">box-shadow </h2>
<div class="recco">
<p><code>box-shadow</code> is safe to use most of the time, except when you are applying it on a large area as that may cause significant performance impact when interacting with the page (on scroll and hovers, but also transitions and animations). </p>
-<p>Polyfills are unncessary for box-shadow. They are too costly and slow down pageload. Users without a modern browser will not see a shadow, but aren't checking your site in multiple browsers anyhow.</p>
+<p>Polyfills are unnecessary for box-shadow. They are too costly and slow down pageload. Users without a modern browser will not see a shadow, but aren't checking your site in multiple browsers anyhow.</p>
</div>
<div class="polyfills"></div>
View
13 template.html
@@ -6,6 +6,19 @@
<title>HTML5 Please - Use the new and shiny responsibly</title>
<meta name="description" content="Look up HTML5, CSS3, etc features, know if they are ready for use, and if so find out how you should use them – with polyfills, fallbacks or as they are.">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
+
+ <!-- favicon -->
+ <link rel="shortcut icon" href="favicon.ico" />
+
+ <!-- For iPhone 4 with high-resolution Retina display: -->
+ <link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114-precomposed.png">
+
+ <!-- For first-generation iPad: -->
+ <link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72-precomposed.png">
+
+ <!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
+ <link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png">
+
<link href="http://fonts.googleapis.com/css?family=Francois+One|Open+Sans:400italic,400,800" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<script src="js/libs/modernizr-2.0.min.js"></script>

0 comments on commit 8ebcaed

Please sign in to comment.