Alexander Mischuk

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

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

Это глупость.
Браузеры от версии к версии крайне редко изменяют свои внутренние стили для базовых элементов. Использовать сброс стилей будет актуально до тех пор, пока в ходу будут разные браузеры.

Frosting Glass with CSS Filters
Пример

53 строка, jquery.fancybox.css
.fancybox-lock {overflow: visible; width: auto;}
Проблема в том, что убирается вертикальный скролбар и из-за это происходит скачек.
Плюс у вас при открытии модального окна к тегу html добавляется отступ в 17 пикслей. Неудивительно, что съезжает.
.fancybox-margin {margin-right: 17px;}
Уберите его или где-нибудь через !important перебейте это свойство.

А что мешает использовать псевдоэлемент :first-letter?

Используйте подобную конструкцию и проверьте правильность путей к шрифту.

@font-face {
    font-family: 'font';
    src: url('font.eot');
    src: url('font.eot?#iefix') format('embedded-opentype'),
         url('font.woff') format('woff'),
         url('font.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

Никак. Подобные вещи продумываются на этапе создания разметки.

frontender.com.ua/mobile-web/wtf-viewport

Вы делаете сайт для одного устройства?
Можете подключать файл стилей, отвечающий за адаптивность, в таком виде:
link rel="stylesheet" href="media-quries.css" media="only screen and (orientation : landscape)"
И на сколько я помню часть браузеров не понимает такого параметра, как ориентация в медиа-запросе.
Ну и для основного сайта достаточно задать:
meta name="viewport" content="width=device-width"
Задавать минимальный или максимальный масшатб ни к чему, а запрещать пользователю менять масштаб для обычныго сайта считается дурным тоном.

webdesignerwall.com/demo/responsive-column-grid
jsfiddle.net/vtajZ/186

tympanus.net/Tutorials/StickyTableHeaders/index.html

Посмотрите на свой timeline в любом инспекторе