Torsten Baldes tobaco

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

Include Weather Icons in your app: https://github.com/erikflowers/weather-icons
Include the below JSON in your application, for example purposes, lets assume it's a global named weatherIcons.
Make a request to OpenWeatherMap:

req = $.getJSON('http://api.openweathermap.org/data/2.5/weather?q=London,uk&callback=?');

Styling native elements

Native HTML controls are a challenge to style. You can style any element in the web platform that uses Shadow DOM with a pseudo element ::pseudo-element or the /deep/ path selector.

video::webkit-media-controls-timeline {
  background-color: lime;
}

video /deep/ input[type=range] {

Prolog

Google Chrome Developers says:

The new WOFF 2.0 Web Font compression format offers a 30% average gain over WOFF 1.0 (up to 50%+ in some cases). WOFF 2.0 is available since Chrome 36 and Opera 23.

Some examples of file size differences: WOFF vs. WOFF2

TTF to WOFF2 converting

http://www.fontsquirrel.com/tools/webfont-generator

	<?php

	// build form
	$form = wire('modules')->get('InputfieldForm');
	$form->action = './';
	$form->method = 'post';
	$form->attr('enctype', 'multipart/form-data');

	$field = wire('modules')->get('InputfieldFile');
	$field->extensions = 'xml';

	Easy steps for cloning a live WordPress site for local development with MAMP. Am I missing anything?

	1. add new MAMP server
	2. download all files
	3. export MySQL database
	4. import SQL to MAMP via command line:

	/Applications/MAMP/Library/bin/mysql --host=localhost -uroot -p dbname < ~/Downloads/database.sql

	5. update: wp-config.php

	<?php

	/*
	* Set the following constants in wp-config.php.
	* These should be added somewhere BEFORE the constant ABSPATH is defined.
	*
	* Author: Chad Butler
	* Author URI: https://butlerblog.com
	*
	* For more information and instructions, see: https://b.utler.co/Y3

	document.getElementById("button").addEventListener("click", function(e) {
	e.preventDefault();
	var url = this.getAttribute("href", 2);

	createFloodlightTag("source", "type", "cat", function() {
	window.location = url; // Redirect the user after the tag successfully fires
	});
	});

	function createFloodlightTag(source, type, cat, callback) {

	<?php
	/**
	* Create a new custom yoast seo sitemap
	*/

	add_filter( 'wpseo_sitemap_index', 'ex_add_sitemap_custom_items' );
	add_action( 'init', 'init_wpseo_do_sitemap_actions' );


	// Add custom index

	<?php

	/*
	* 401 Response
	*
	* Sends a 401 Response Unauthorized
	*
	* @author Camilo Castro
	*
	* @date 29/07/2014