Nina Blase

Ховер простой: всего лишь анимация opacity от 0 до 1 при наведении. Внимательно посмотрите на разметку и стили и все станет понятно.
Увеличение - плагин PrettyPhoto

Про ссылку - а что в ней особенного?

UPD: вот вам код JS для overlay

$(window).load(function(){		   
	$(".portfolio-grid ul li .item-info-overlay").hide();
	if( is_touch_device() ){
		$(".portfolio-grid ul li").click(function(){							  
			var count_before = $(this).closest("li").prevAll("li").length;
			var this_opacity = $(this).find(".item-info-overlay").css("opacity");
			var this_display = $(this).find(".item-info-overlay").css("display");
			if ((this_opacity == 0) || (this_display == "none")) {
				$(this).find(".item-info-overlay").fadeTo(250, 1);
			} else {
				$(this).find(".item-info-overlay").fadeTo(250, 0);
			}
			$(this).closest("ul").find("li:lt(" + count_before + ") .item-info-overlay").fadeTo(250, 0);
			$(this).closest("ul").find("li:gt(" + count_before + ") .item-info-overlay").fadeTo(250, 0);	
		});	
	}
	else{	
			$(".portfolio-grid ul li").hover(function(){
				$(this).find(".item-info-overlay").fadeTo(250, 1);
				}, function() {
					$(this).find(".item-info-overlay").fadeTo(250, 0);		
			});
		}
});

jsfiddle.net/Ivanq/uaztoh2m

Если вы пользователь фотошопа версии CC и выше, чтобы сохранить слой (или группу слоёв) как отдельную картинку достаточно включить генерацию содержимого (не знаю, как правильно по-русски, в английской версии: File → Generate → Image Assets). После этого любой слой, к имени которого вы добавите расширение файла (например, layer_name.jpg или layer_name.png) автоматически будет сохранён как отдельное изображение в папку %название_PSD_файла%-assets. Папка также будет создана автоматически в директории, где находится ваш PSD-файл.

Требуется сохранить изображения для ретины? Записываем название слоя так: 200% layer_name@2x.png

Требуется сохранить один слой, в нескольких размерах? Актуально для иконок (например, требуется сохранить иконку размером 72 × 72 px и 256 × 256 px). Записываем название слоя так:
72x72 layer_name_small.png, 256x256 layer_name_big.png
Фотошоп автоматически сгенерирует два изображения layer_name_small.png и layer_name_big.png
Дополнительные варианты сохраниния можно дописывать через запятую. Одно ограничение: название слоя не может превышать 256 символов.
Видео по функции генерации содержимого от Adobe tv.adobe.com/watch/companion-videos-for-inspire/ge...

Если же вы пользуетесь более ранними версиями фотошопа (CS6), рекомендую обратить внимание на плагины:
Renderly (бесплатный) или PNGHat (40$). Или загляните в группу vk.com/adobefuckers — там много интересного.

Вообще-то балун можно открыть так:

myPlacemark.balloon.open();

На счёт извне — придумайте уже сами. Например как-то так:

function init () {
    var placemarks = [];
    ..
    placemarks[id] = myPlacemark;
    window.open_balloon(id) {
        placemarks[id].balloon.open();
    }
}