zooks

Зачем париться по поводу древних браузеров? Вы бы еще на IE5 открыли.
Пускай ретрограды получают свою порцию кайфа от использования антиквариата.

Красивая всплывающая подсказка. Но почему бы не использовать для валидации средства самого html?
www.w3schools.com/html/html_form_input_types.asp

Необходимо переименовать .css в .scss.
И это уберите:
CSS:

В Brackets есть пункт "Output style". Также рекомендую перейти на libsass - ускорит работу в разы.

Прогнал через Google PageSpeed - главная проблема в огромных изображениях по 400 КБ.
Не оптимизирован для мобильных устройств - тоже минус.

<div id="main-container">
Заменить на:
<main role="main" id="main-container">

Не адаптивная, а параллакс-эффект.

Лично я пишу через дефис.
Правила разрешают все варианты с прочерком и дефисом, кроме начинающихся с цифр.

Для начала нужно повторять за мастерами, потом свой стиль выработается.

Мне кажется на скриншоте тупо выравнивание по правому краю и отбивка строки.
И дизайн древний.

Данные изображения сохраняешь в PNG-8 и все - размер будет минимальный.

Учи сначала SASS или Less.js. А насчет того, что сделав пару сайтов ты выучил HTML и CSS, я очень сомневаюсь.

Делай через свойство CSS position.

В общем Дмитрий правильно написал. Но такие табы были в моде больше 10 лет назад.

Jquery и Javascript здесь не нужен. Просто напиши вложи инпуты в тег form и задай ему соответствующие атрибуты.

Пока не вышел HTTP 2.0 не только желательно, но если файлов много - обязательно.
С одним CSS меньше подключений и следовательно выше скорость.

Да, для обнуления. Иногда создаются элементы из HTML5 для обратной совместимости.

Можно делать и без сеток, но с ними все будет ровнее и в целом лучше по дизайну.

Скорей всего через Emmet - посмотри клавиатурные сокращения на Encode/Decode.