Permalink
Browse files

added favicon and apple-touch-icons

  • Loading branch information...
1 parent 498b04c commit 8ebcaedf524bd547fa326e5c5110f0fa944afd39 @connor connor committed Jan 23, 2012
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Binary file not shown.
View
@@ -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

Owner

NOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO

@connor

connor Jan 23, 2012

Member

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

@mathiasbynens

mathiasbynens Jan 23, 2012

Owner

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

Member

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
@@ -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.