Lars Schröder larsbo

NOTE I'm trying to find the most optimal fav/touch icon setup for my use-cases. Nothing new here. Read Mathias Bynens' articles on re-shortcut-icon and touch icons, a FAQ or a Cheat Sheet for all the details.

I'd like to hear how you approach this: @valuedstandards or comment on this gist.

The issue

You have to include a boatload of link elements pointing to many different images to provide (mobile) devices with a 'favicon' or 'touch icon':

![Touch Icon Links](https://o.twimg.com/2/proxy.jpg?t=HBj6AWh0dHBzOi8vcGhvdG9zLTYuZHJvcGJveC5jb20vdC8yL0FBRGFGY1VRN1dfSExnT3cwR1VhUmtaUWRFcWhxSDVGRjNMdXFfbHRJWG1GNFEvMTIvMjI3OTE2L3BuZy8xMDI0eDc2OC8yL18vMC80L1NjcmVlbnNob3QlMjAyMDE1LTA0LTE0JTIwMTYuNTYuMjYucG5nL0NNejBEU0FCSUFJZ0F5Z0JLQUkvNGR1eDZnMzZmYnlzYWI3

	source "http://rubygems.org"

	gem "rails", "3.2.5"

	# Supported DBs
	gem "sqlite3"
	gem "mysql2"

	# Auth
	gem "devise", "~> 2.1.0"

	@echo off

	SET BOOTSTRAP=.\docs\assets\css\bootstrap.css
	SET BOOTSTRAP_LESS=.\less\bootstrap.less
	SET BOOTSTRAP_RESPONSIVE=.\docs\assets\css\bootstrap-responsive.css
	SET BOOTSTRAP_RESPONSIVE_LESS=.\less\responsive.less
	SET "CHECK= "
	SET HR=##################################################

	::Try to use the local build tools, if installed instead of global ones

	/* Justify inline block elements for a percentage grid without specifying margins: LESS mixin. See http://www.barrelny.com/blog/text-align-justify-and-rwd/ */

	.jgroup {
	text-align: justify;
	font-size: .01px;

	&:after{
	content: '';
	display: inline-block;
	width: 100%;

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset=utf-8 />
	<title>JS Bin</title>
	</head>
	<body>
	<h2>Original CSS</h2>
	<style style="display: block; white-space: pre; font-family: monospace">
	h2 { margin:0; }

	var detectInjection = function(knownHostsArray) {
	var requests = window.performance.getEntriesByType("resource");
	var unknownHosts = [];
	var knownHosts = {};
	var foundHosts = {};

	for (var knownHost in knownHostsArray) {
	knownHosts[knownHostsArray[knownHost]] = true;
	}

	{
	"phone" : "all and (max-width: 603px)",
	"desktop": "all and (min-width: 1025px)",
	"tablet" : "all and (min-width: 604px) and (max-width: 1024px)"
	}

	import java.io.FileDescriptor;
	import java.io.FileOutputStream;
	import java.io.IOException;
	import java.io.OutputStream;
	import java.io.PrintStream;

	public class HelloWorld{
	private static HelloWorld instance;
	public static void main(String[] args){
	instantiateHelloWorldMainClassAndRun();

	function basename(path) {
	return path.split('/').reverse()[0];
	}

	var gulp = require('gulp'),
	less = require('gulp-less'),
	concat = require('gulp-concat'),
	rename = require('gulp-rename'),
	path = require('path'),
	fs = require('fs'),

	<?php

	class OpenCartValetDriver extends ValetDriver
	{
	/**
	* Determine if the driver serves the request.
	*
	* @param string $sitePath
	* @param string $siteName
	* @param string $uri