Дима

А у меня JSON Discovery вставлял лишний отступ сверху

Ищите в инструментах разработчика элемент <div class="grid"></div>
Сделано с помощью простых CSS правил

...
border: 1px solid rgba(255, 0, 0, 0.15)
...

Никто от вас не скрывает новые функции HTML5. Вы сами легко можете убедиться в том, что нет никаких чудо-функций, которые сами будут "адаптировать" сайт. Возможные способы адаптивного дизайна названы. Поэтому пусть "ваш работник" вам поподробнее расскажет, что он имеет в виду. Может, он говорил не про фронтенд.
Про

<meta name="viewport" content="width=device-width, initial-scale=1.0">

выше верно отметили.

Предварительно создавать новую строчку, я думаю (потом можно просто обрезать пробелы, trim)

Возможно, Вам поможет https://discuss.atom.io/t/background-transparency/...

www.youtube.com/watch?v=0toq8HsNKfA
Просто и понятно, про 3D, частично может помочь

Linear-gradient

IE загружает этот файл, Google Chrome считает его пустым, даже при сохранении, значит, оно так и есть. Наверное, сервер отдает файлы в зависимости от того, какой браузер он определил (но, вроде по User Agent'y всё равно не отдает в Chrom'e, наверное, какие-то другие способы).

<script>код на JS</script> не подходит вам такой вариант? что именно не работает?

Можно попробовать псевдоэлемент :after, зафиксировать его на div'e и им уже обозначить область (width,height...)

gulp.watch('sass/*.scss', ['compass']);
  gulp.watch('./assets/template/*.jade',['jade']);

Попробуйте прописать **/* вместо *, то есть **/*.scss и **/*.jade

можно использовать PHP Cookie php.net/manual/ru/function.setcookie.php
или jQuery плагин jQuery.cookie plugins.jquery.com/cookie
А при загрузке страницы, если в Cookie что-то есть, то выводить в эту форму