Пруф пока еще живой.

www.youtube.com/watch?v=kh29_SERH0Y

Для начала потребуется вставить код самой кнопки где-нибудь на странице, лучше всего перед закрывающим тегом </body>. Можно воспользоваться генератором кнопки +1 от самого Гугла, выбрать подходящий для страницы язык и в дополнительных параметрах ввести в качестве функции обратного вызова для Javascript track_gplusone.

Полученный в итоге код мы копируем на страницу и добавляем после него наш javascript с обработчиком для нашего callback-а.

В этом скрипте COUNTER_ID — идентификатор вашего счетчика в Яндекс.Метрике. Если вы используете только одну систему — оставьте в коде только нужную вам строку вызова. В метрику данные передаются как параметры посещения.

В Метрике отчет будет выглядеть так:

Пока что с такими отчетами особо нечего делать, но как только наберутся достаточные данные, можно проанализировать, какой трафик по каким страницам имеет больший отклик у посетителей, а значит, влияет на дальнейшее продвижение ресурса.

В итоге на данный момент даже IE9 поддерживает свойство, но затянувшийся переход к возможностям css3 и html5 не дают расслабиться, поэтому и мы будет использовать jQuery, чтобы сделать примерно следующее.

Добавляем на страницу изображение в тэге img:

<img src="/img/bg.png" id="bg" alt="" title="" />

Прописываем абсолютное позиционирование:

#bg { position: fixed; top: 0; left: 50%;}
.bgheight { height: 100%; }

И вешаем на загрузку и ресайз окна изменение размера с соблюдением пропорций:

$(window).load(function() {
		var theWindow        = $(window),
		    $bg              = $("#bg"),
		    aspectRatio      = $bg.width() / $bg.height();

		$bg.css('margin-left', (- $bg.width() / 2));

		function resizeBg() {
			$bg.height("100%");
			$bg.width($bg.height() * aspectRatio);
			$bg.css('margin-left', (- $bg.width() / 2));
		}
		theWindow.resize(function() {
			resizeBg();
		}).trigger("resize");
	});

Если необходимо, чтобы изображение масштабировалось на весь экран, выбираем способ отсюда.

По мотивам раздачи инвайтов на Google Wave — кидайте в комментариях свою gmail-почту. Инвайты приходят на почту с небольшой задержкой.

Не забываем делиться с друзьями и знакомыми ссылкой на эту запись и инвайтами, кто уже получил.

UPD: после 300-ого комментария раздачу инвайтов остановлю.

UPD2: раздачу закончил, комменты к топику закрыты.

Невыносимо тяжелый фильм.

С помощью этого интерфейса узнать, где физически находится посетитель вашего сайта, не представляет труда. На эту тему уже появилось достаточное количество статей (например, эта), но все они в той или иной степени пересказывают спецификацию.

Полученные данные можно использовать для Google Maps, причем не обязательно для визуального отображения этих самых данных. Можно воспользоваться Geocoder, входящим в Google Maps API и получить по широте и долготе название страны, населенного пункта или другой доступной информации. В общем, очень нужная и удобная возможность персонализировать выводимую пользователю информацию, узнать о нем с большей достоверностью немного больше, чем он предполагает. Разумеется, только с разрешения самого посетителя.

Это и есть свинья, подложенная разработчиками FF и Chrome.

В момент загрузки страницы с помощью if (navigator.geolocation) можно убедиться, что геолокация как таковая поддерживается браузером посетителя и можно попытаться получить данные о его местонахождении методом navigator.geolocation.getCurrentPosition(). Данный метод получает на вход две функции и набор опций. Если последние можно опустить для тестирования сайта, то передать определения функций успешного и ошибочного определения координат необходимо.

Первая сработает только в случае, если геолокация удалась, вторая — во всех ошибочных случаях. Таковыми могут быть недоступность данных, слишком долгое выполнения запроса геолокации, запрет от пользователя и т.п. 

Перечисленные браузеры предлагают пользователю соответствующий выбор — разрешить передачу своего местонахождения или нет. Но. В них также присутствует кнопка «Не сейчас», попросту крестик, предлагающий скрыть всплывающее окно с вопросом и не давать определенного ответа.

Плохо здесь то, что пользователю выводится неблокирующее сообщение о том, что сайт пытается что-то там про вас узнать. Его можно фактически проигнорировать двумя способами — просто оставить как есть и ничего не нажимать, либо нажать на предлагаемый «крестик» и не дать ответа вашему приложению.

Такой подход неоднократно обсуждался в багрепортах Mozilla, но разработчики реагируют однозначно — сообщение ошибки геолокации при скрытии попапа геолокации «по крестику» недопустимо и не предусматривается архитектурой браузера. Это равнозначно тому, что клиентская машина не поддерживает ее.

В итоге веб-разработчику никак нельзя надеяться и ждать, что пользователь прореагирует на запрос данных, и предусматривать возможность их получения иными способами. Данные геолокации в любом случае придут в приложение асинхронно, если вообще придут.

Идеальным в таком случае является «многослойная» геолокация. Например, определение координат пользователя по GeoIP на стороне сервера. Данные, пришедшие в любой момент посещения ресурса по Geolocation API от браузера, можно рассматривать как дополняющие и реагировать на их появление только лишь по факту.

Например, если мы разрабатываем форму, в которую пользователь вводит имя, мы можем сделать каждое вводимое в поле слово с заглавной буквы, применив такой стиль:

form input[type=text]{
    text-transform: capitalize;
}

В результате Chrome отобразит placeholder так, как мы зададим его. В свою очередь Firefox и IE отобразят каждое слово в input-е с заглавной буквы, что в какой-то степени является ожидаемым поведением, но не совсем правильным. В итоге в любом случае ограничится только CSS при желании сделать подобное поведение в форме не получается — приходится использовать Javascript.