Сергей Виноградов

Какие есть особенности при верстке Landing Page

Неясно, что значит "остаются на своих местах"... наверное, вам нужно обернуть все элементы в контейнер и для него установить min-width :)

Совсем без JS, я думаю, не обойтись, или решение не будет работать в старых браузерах.
Вот еще совсем легенький есть: jquery.malsup.com/cycle2

Cufon — зло :)

Используйте font-face, он поддерживается всеми современными браузерами, даже IE8 (при правильной настройке).

Выбираем рандомный элемент из массива с путями к аудио и проигрываем, например, через
ionden.com/a/plugins/ion.sound/en.html

Есть ли альтернативы?

Если дело касается CSS, то например operatino.github.io/MCSS или https://smacss.com/

Потом, никто вас не заставляет писать всё по БЭМ'у, испольуя все инструменты, которые предлагает Яндекс.

Вы можете определить для себя свои требования, и им следовать, использую при этом какие-то моменты из БЭМ'а, которые вам нравятся.

Если я правильно понял, что вам нужно: rendro.github.io/easy-pie-chart

Вообще на сколько я помню, если верстка фиксированная, то width=device-width будет маштабировать точно так же, как если бы вы прописали конкретное число.

Может быть оба запроса выполнить с помощью AJAX?

css-tricks.com/perfect-full-page-background-image

Верстка лендингов никак не отличается от верстки обычных макетов, имхо. Если вы умеете верстать обычные макеты, то вы сможете сверстать и лендинг.
Для добавления интерактивности на лендинг наверное имеет смысл поизучать css анимации и javascript.
На счет фреймворков, по-моему тут очень по-разному, кто-то использует, кто-то нет. Если вам удобно верстать на фреймворке, то и верстайте на фреймворке.

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

Недавно столкнулся с такой же проблемой. Закомментировал viewport, все стало нормально отображаться. Правда у меня viewport был width=device-width, initial-scale=1