RubaXa

- Если в рамках одного домена, через родителя
- Если оба iframe в рамках одного домена, через localStorage/cookie
- Если абсолютно все на разных доменах, то нужен будет прокси домен и postMessage + localStorage.
- Ещё можно общий SharedWorker открыть.

- HTML5: Атрибут `download`
- По старинке: `Content-disposition`

Мда, https://ru.wikipedia.org/wiki/Data:_URL

Начнем с того, что элемент, элемента, уже не BEM, во-вторых «довольно громоздко» не аргумент, а так есть два общепринятых вида записи:
1. Родной: `block/block_mod/block_mod-val` и `block__elem/block__elem_mod`
2. Забугорный: `block/block--mod` и `block__elem/block__elem--mod`

https://bootstrapstudio.io

Только если в форме один `input[type="text"]`

Никогда так не делайте:

if (touchSupport) {
  // ...
} else{
   // ...
}

У юзера спокойно может быть touch-экран и мышка, я даже больше скажу, юзер может и не знать, что у него ноут с тач-экраном.

Так что просто используйте https://github.com/ftlabs/fastclick

Вам нужен Master/Slave, реализовать его можно использовав:
- SharedWorker + fallback в localStorage и/или LocalConnection (Flash) — это если самому
- BNC Connector — theprivateland.com/bncconnector/home.htm
- Intercom.js — https://github.com/diy/intercom.js/ (работа с сокетами из коробки)
- Wormhole.js — https://github.com/RubaXa/wormhole (в разработке, demo)

<noindex>...</noindex>

В input/textarea — никак.

Может Derby или Meteor? Это full-stack frameworks, для создания современных и реактивных приложений. Куча готовых пакетов, сервер и клиент пишутся на одном языке, ну и много всякого другого.

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

Реальную помощь в верстке для бизнеса дают модульные сетки, препроцессоры и верстка независимыми блоками. Это действительно помогает сократить время на разработку (тут конечно опыт нужен) и дальнейшую поддержку.

Как вариант:

function removeSelection() {
   try {
      document.selection
         ? document.selection.empty()
	  : window.getSelection().removeAllRanges()
      ;
   } catch (err) { }
}

Это совершенно стандартный код:
https://github.com/mailru/FileAPI/issues/223

О каком подходе вы говорите? Тут же всё просто: перехватываем события с определенных ссылок и отменяем действие по умолчанию, делегируем обработку URL роутеру, который в зависимости от маршрута подгружает данные и обновляет связанные с ними view. Так же роутер должен «висеть» на событии popstate для обработки back/forward.

Если прям совсем просто, то так: codeo.me/5rx

Похоже, тут только один выход, отправить синхронный запрос на `mousedown`.
UPD Хотя, jsfiddle.net/Ucz7Y/7