Матвей Феникс

Вот плагин https://www.npmjs.com/package/npm-check-updates
Ставишь его, запускаешь ncu -u

Например вот так https://codepen.io/matvey-phoen1x/pen/jKXbpy

p.s. вызвать это при загрузке не получится, современные браузеры не позволяют автоматический полный экран по соображениям безопасности.

Данный плагин выводит ошибки при сборке Gulp в виде системных сообщений, то есть их позицию никак не поменять. Как вариант, поменяй положение задач с низа на верх, сообщения должны сыпаться сверху)

Например так:

.header-nav a {
   margin: 0 10px;
}

А js можно использовать? Есть такая штука - https://github.com/hgoebl/mobile-detect.js
Подключаешь:

<script src="https://cdnjs.cloudflare.com/ajax/libs/mobile-detect/1.4.1/mobile-detect.min.js"></script>

Пишешь скрипт, который будет навешивать css или убирать, если обнаружен мобильник.
Выстави в инструментах разработчика мобильную версию > какой-нибудь телефон, например iphone 6 и перезагрузи страницу. Блок пропадет, независимо от ориентации экрана.
Вот код: https://codepen.io/matvey-phoen1x/pen/eKQPag

Если нравится работать с bower - не обращай внимания.
Если хочешь идти в ногу со временем - потихоньку переходи на webpack, yarn, %что-там-еще-сейчас-популярно%.

Мое мнение - bower не нужен, все тоже самое и даже больше делает тот же yarn или gulp. Дабы хоть как-то уменьшить количество инструментов, раздутых во фронтенде, я отказался от bower.

У меня есть такой пример - шаблон один, а вот title разный. Как я это сделал:
1) Файл шаблона:

doctype html

block variables

html(lang= "ru")
  head
    meta(charset="utf-8")
    title #{title}

2) Файл непосредственно страницы:

extends ../_template

block variables
  - var title = "Главная страница"

block content

Все работает, вот этот проект, можешь посмотреть, там много всяких переменных, для подсветки пунктов меню, для подстановки баннера только на одну страницу.
P.S. не забудь прописать правильный путь до шаблона, вот тут - extends ../_template

Вот это место:

aside.sidebar:hover {
  width: 200px;
}

В том классе, который добавляешь jquery, есть что-то подобное? Ибо я его не вижу в коде, чтобы с классом active что-то навешивалось на sidebar.

Насколько мне известно - никак, и Mozilla такого же мнения, ни слова о сокращении.

Если не подходит в 12-колоночной сетке grid-template-areas - используй вместо него grid-column: 1 / 13;

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