Erik Jung erikjung

Copied from http://code.lancepollard.com/complete-list-of-html-meta-tags/

Basic HTML Meta Tags

<meta name="keywords" content="your, tags"/>
<meta name="description" content="150 words"/>
<meta name="subject" content="your website's subject">
<meta name="copyright"content="company name">
<meta name="language" content="ES">

An ongoing project to catalogue all of these sneaky, hidden, bleeding edge selectors as I prepare my JSConf EU 2012 talk.

Everything is broken up by tag, but within each the selectors aren't particularly ordered.

I have not tested/verified all of these. Have I missed some or got it wrong? Let me know. - A

A friendly reminder that you may need to set this property on your target/selected element to get the styling results you want:

-webkit-appearance:none;

OS X Screencast to animated GIF

This gist shows how to create a GIF screencast using only free OS X tools: QuickTime, ffmpeg, and gifsicle.

Instructions

To capture the video (filesize: 19MB), using the free "QuickTime Player" application:

ETags: a pretty sweet feature of HTTP 1.1

HTTP caching review

HTTP provides two ways for servers to control client-side caching of page components:

freshness may be based on a date or a token whose meaning is app-specific
whether or not the client needs to confirm the cached version is up-to-date with the server

This breaks down as follows:

Cache locally and don't check before using.

	/*!
	* jQuery TextChange Plugin
	* http://www.zurb.com/playground/jquery-text-change-custom-event
	*
	* Copyright 2010, ZURB
	* Released under the MIT License
	*/
	(function ($) {

	$.event.special.textchange = {

	var http = require("http"),
	url = require("url"),
	path = require("path"),
	fs = require("fs")
	port = process.argv[2] \|\| 8888;

	http.createServer(function(request, response) {

	var uri = url.parse(request.url).pathname
	, filename = path.join(process.cwd(), uri);

	// found here http://forums.shopify.com/categories/2/posts/29259

	var getOrdinal = function(n) {
	var s=["th","st","nd","rd"],
	v=n%100;
	return n+(s[(v-20)%10]\|\|s[v]\|\|s[0]);
	}

	var parser = document.createElement('a');
	parser.href = "http://example.com:3000/pathname/?search=test#hash";

	parser.protocol; // => "http:"
	parser.hostname; // => "example.com"
	parser.port; // => "3000"
	parser.pathname; // => "/pathname/"
	parser.search; // => "?search=test"
	parser.hash; // => "#hash"
	parser.host; // => "example.com:3000"

	/*
	Plural - create singlular or plural sentence based on number given (all numbers but 1 return plural sentence)

	var str = "Do you want to delete this? There {are\|is} [num] book{s} attached."

	var num = 2 // or 0, 3, 4, ...
	"Do you want to delete this? There are 2 books attached."

	var num = 1
	"Do you want to delete this? There is 1 book attached."

	<figure class="quote">
	<blockquote>It is the unofficial force—the Baker Street irregulars.</blockquote>
	</figure>