Павел Радьков

Лучше прямо в HTML встраивать, чтобы не плодить лишних запросов к внешнему SVG файлу. Однако, если вставлять inline способом, то кешироваться не будет.
На одной конференции Яндекса советовали вставлять через JS, чтобы они кешировались.
Сейчас опишу, как я делаю.
1) Создаем JS файл с inline SVG. К примеру, такой

// Тут хранятся иконки в SVG
var icon = '
<svg style="display:none;">\
  <defs>\
    <symbol id="header-phone" viewBox="0 0 850.394 850.394">...</symbol>\
  </defs>\
</svg>';    
// Вставляем иконки в HTML        
document.getElementById('svg-icon-placeholder').innerHTML = icon;

2) Создаем в HTML пустой div с id svg-icon-placeholder. В него мы и будем вставлять SVG
3) Юзаем через use :)
Довольно просто, но я пока не придумал как автоматизировать сборку спрайтов через GULP таким способом. Если знаете, то подскажите как)

Если по типу контента не подходит 100% ширины, то максимальным размером ширины привычно выставлять примерно 1200, так как самый распространенный минимум - это 1366.

Лично я стараюсь использовать как можно меньше медиа запросов, чаще всего это
1200+ - дефолтно
920+
620+
320+

Чего, если грамотно построить верстку, достаточно.

Нижняя границы чаще всего 320, так как из класса смартфонов меньшей ширины экранов не сыщешь уже (имеется ввиду итоговое значение для браузера, то есть физическое расширение разделенное на коэффициент масштабирования. )

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

Есть три версии происхождения проблемы:

1. Тайминг ставится не совсем корректно;
   
2. Вы не эффективно закрываете задачи;
   
3. И то и то.
   
   

Что делать? Безусловно, нужно честно пообщаться с человеком, который ставит Вам задачи.
Подойдите к нему с предложением посоветоваться и объясните ситуацию.

• Если задачи типичны и есть коллеги, которые справляются с ними в установленное время, то Вам придется поднять свою эффективность. Главное не относитесь к этому негативно, ведь это в целом повышает Ваши навыки и ценность как эксперта. Отнеситесь к этому как к вызову.
  
• Если же задачи уникальны, то нужно проговорить это и предложить увеличить количество времени по выполнению таких задач. Предложите со своей стороны шкалу сложности задач, чтобы Вы ориентировали руководителя о том сколько реально необходимо времени на закрытие задачи.
  
• В идеале начните собирать объективную статистику, самостоятельно фиксируйте сколько времени потратили на конкретную задачу. Через 2 недели - покажите эти цифры руководителю, сядете вместе и переоцените постановку времени для одного типа задач и для другого.
  
  

Будьте честными, будьте командой.

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

Видимо вы компилируете less средствами плагина.
если будете компилировать вотчером то сможете добавив
--source-map=$FileNameWithoutExtension$.map
создавать sourcemap файл который и подхватит хром

Код очень непричесан, но результат рабочий.

Не знаете какая у шрифта лицензия — идите на сайт его автора, гарантированно найдете правильный ответ. Создатели шрифта чаще указаны в самом названии (PT — ParaType, PF —Parachute, ALS — ArtLebedevStudio и т.п.), в общем, Гугл всегда подскажет ;)
Также можно зайти на myfonts.com, практически все коммерческие (реже бесплатные) шрифты там представлены. Указана цена — значит лицензия платная, но иногда шрифт может иметь скидку вплоть до 100%.
100% бесплатные лицензии имеют все шрифты отсюда: www.fontsquirrel.com Но надо смотреть позволяется ли коммерческое использование.

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

Прошел через все стадии создания web-проектов начиная с копирайтинга, заканчивая back-end и настройку серверов. В итоге остановился на front-end + чуть-чуть дизайн (но это не значит, что плохо знаю фотошоп))).

Что мне было делать лень, как дизайнеру:
1. Прикладывать файлы со шрифтами
2. Архивировать работу
3. Писать комментарии к дизайну
4. Присылать исходники иконок (если используется пак)
5. Рисовать :hover :active :focus и тп для элементов, которые это 100% требуют
6. Общаться с тугим верстальщиком, который не может отличить iline от inline-block
7. Корректировать работу, если это просит верстальщик

Что я понял, когда перешел на другую сторону:
1. Я хочу архив с адекватными шрифтами (идеал - ссылку на шрифт в goolge fonts или подобном сервисе, где есть сразу все форматы шрифтов)
2. Я хочу хотя бы .zip потому что инет в России не всегда и везде качественный и я могу быть не дома, когда хочу скачать и посмотреть диз, а он весит 300мб
3. Я хочу несколько .psd если лендос/сайт большой (экранов в 25-30 или больше). Разбивайте на 7-10 экранов максимум каждый .psd потому что не у всех верстал 8-16 гигов оперативки
4. Я хочу состояния :hover :active (пожалуйста!!! пусть уж без :focus, сам его придумаю)
5. Я хочу ссылку на пак с иконками, если они использовались в дизайне
6. Я хочу комментарии пусть даже в .txt если там что-то из-под чего-то должно выезжать при наведении/клике и тп
7. Я хочу группы в макете с адекватными названиями, а не сплошняком все слои и/или группы "Группа 1 и тп"
8. Я хочу минимум скрытых слоёв/групп в шаблоне (если группа не может донести суть - писать в .txt для чего она)
9. Я хочу каждую часть текста по отдельности, а не заголовок (60px желтый отступ от абзаца с помощью межстрочного интервала) вместе с абзацем (18px белый с межстрочным интервалом не равным заголовку). Хочу чтоб был отдельно абзац и отдельно заголовок (подзаголовок, без разницы как называть)
10. Я хочу отдельно каждую картинку, а не слитый воедино фон шапки с изображением товара/курса/др.
11. Я хочу большой векторный логотип отдельно от шаблона
12. Я хочу прозрачность, чтоб сделать png, а не "Режим наложения"->"Умножение" (обязательно адекватно мягко по контуру вырезанный объект, а не ступенька из пикселей)
13. Я хочу общаться с дизайнером, если у меня есть его контакт
14. Я хочу мобильную версию, если она должна быть у сайта
15. Я хочу бесшовную текстуру отдельно от документа, если есть фон, который имеет свойство повторяться (его в "Наложение узора" обычно ставят в стилях слоя)
16. Я хочу скайп дизайнера в макете чтоб связаться с ним))) Главное нарисуйте так, чтоб его не принять за элемент сайта и не заверстать случайно

Ну как-то так. Думаю список можно ещё пополнить, но уже о некотором сказали.

P.S. Я не эгоист, уже давно сам придерживаюсь всех этих правил, если хотят, чтоб дизайном занимался именно я.