Евгений Петров

А можно мне пояснить эту конструкцию?

function One(){
	// Очевидно, устанавливает this свойства и методы
}
function Two(){
	One.call(this);
}
Two.prototype = Object.create(One.prototype);
Two.prototype = {
	setParams: function (num) {
		this.prop = num;
	},
	prop: null
};

Что мне непонятно:
1. Точно ли нужно в каждый объект new Two() писать собственные методы? Может, проще-таки наследовать от прототипа One? Но тогда подход к созданию должен быть другим.

2. Зачем мы сослались на прототип One и тут же затерли эту ссылку?

Если бы я хотел унаследовать от One и дописать своё в Two, то поступил бы по-другому:

function One(){}
function Two(){}
function F(options) {
	for (var i in options) {
		if (options.hasOwnProperty(i)) {
			this[i] = options[i];
		}
	}
}

One.prototype = {
	// наследуемые свойства и методы
};
F.prototype = One.prototype;
Two.prototype = new F({
	setParams: function (num) {
		this.prop = num;
	},
	prop: null
});

Что же насчёт вопроса — покажите код с передачей callback.

$(window).on('scroll', f);
$(window).on('resize', f);
function f() {
// Пересчитываем
}

Вот пример codepen.io/cleric/pen/AzoIi

codepen.io/cleric/pen/iHlhn

Обратите внимание на искажение уменьшенного JPEG во время анимации — для таких случаев нужно непременно использовать фоновые картинки в их истинном размере. Формата PNG не касается.

Проектирование — Balsamiq Mockups (ну и MS Word, куда же без него:)
Нарезка — Fireworks (Photoshop для коррекции полученных макетов)
Иконки — ArtIcons (не идеал, просто купил когда-то) или любой редактор для PNG + любой конвертер
SVG — Illustrator и Inskape
Пипетка (просто пипетка, а не комбайн) — EYE3 (вариантов масса)
Код — Sublime (посматриваю в сторону WebStorm), иногда Notepad++, иногда Excel для подготовки массивов данных
Локальный сервер — использовал из-за простоты установки Denwer, перехожу на Node.js
FTP клиент — Filezilla
Быстрая проверка на iPad, iPhone (iPod) — Electric Mobile Studio

Примерно так я и сделал тут codepen.io/cleric/pen/ktGfa

Верный ответ уже дал @yernende, только лишь добавлю, что если нужно получить размер добавленного контента, одного лишь построения DOM мало. Для перерисовки (redraw) также требуется время, поэтому после добавления контента требуется отложенное исполнение кода с нулевой задержкой (чтобы встать в event loop после redraw). И следует помнить про контекст выполнения.

$.ajax({
	url: '...',
	success: function(response) {
		//Вставка элементов на страницу.
		//Поиск и обработка.
		setTimeout(function () {
			//Размеры точно готовы.
			//Помним про this и пользуемся замыканием.
		}, 0);
	},
});

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

Вам, или вашему UX-специалисту, следует понять, что модальность — это запрет на работу как с документом, так и интерфейсом браузера (правда, в последнее время под модальностью часто подразумевают запрет только на действия с содержанием документа).

Модальное окно — серьёзное вмешательство в нормальную работу пользователя, поскольку сбивает локус внимания, появляется в одном месте относительно области просмотра. Реализация настоящего модального окна внесёт также вклад в модель событий (фокус, выделение и прочее). Каждое появление такого мощного элемента UI требует объяснения. Обоснованного и продуманного объяснения.

Что такого не должен смочь сделать пользователь, что вы его блокируете этим окном? Зачем нужно грубое вмешательство, если ожидание пользователя — вход в систему, что означает возможность выполнять некие действия.

$('#preview .preview').map(function() {
	return $(this).attr('src');
})
.get()
.join('||');

Варианты codepen.io/cleric/pen/ECsGK

Внутренняя тень нужного цвета

input:-webkit-autofill{
	box-shadow:inset 0 0 0 1000px #fff;
}