Есть ли какой-нибудь шаблонизатор в котором сразу устанавливается и HTML-структура и CSS-свойства элементов структур?

Что?

Как сделать внутренние закругленные углы с неоднотонным фоном на CSS?

lmgtfy.com/?q=inset+border+radius

Можно ли как-то избежать лишнего скролла на мобильных браузерах при использовании 100vh?

Поможет. Дело за малым - узнать высоту плашки...

В списке между иконками появляется текстовый курсор. Как его убрать?

ndemic: А просто прописать родителю cursor: default нельзя было? =))

Почему мне кажется, что это говнокод?

Stalker_RED:

Почему мне кажется, что это говнокод?

Илья: Да я вообще фронтэндер, про пхп краем уха слышал )

Почему мне кажется, что это говнокод?

Stalker_RED: а я люблю так писать =))

Почему мне кажется, что это говнокод?

Илья: Ну я вижу, что у меня представление данных отделено от логики. Нужно будет заменить пару первых строк. Можно легко вывести их на инглише или китайском =)

Как правильно написать @for в SASS для значения свойства?

исправил ответ

Как правильно написать @for в SASS для значения свойства?

Саша: Немного ошибся

Почему мне кажется, что это говнокод?

Ваш вариант тоже ничем не отличается от исходного =))

Как именовать модификаторы БЭМ?

верно

Почему не комбинируется фоновое изображение и градиент?

Ankhena W: Действительно =)
Но тогда какой в этом смысл? Ведь картинка все равно будет перекрывать то что под ней...

Почему не комбинируется фоновое изображение и градиент?

Наверное туда

Градиент ниже картинки. картинка не прозрачная.
Автору наверное надо наоборот, градиент расположить сверху и сделать его полупрозрачным (использовать rgba())

Как именовать модификаторы БЭМ?

Евгений Тарасевич: отдельный блок. миксом называют совмещение элемента и блока на одном теге.

Как при нажатии на кнопку проскроллить страницу вниз на 500 пикселей?

<a href="#" data-target="#el">...</a>
...
<div id="el">Блок, до которого надо скроллить</div>

<a href="#" data-target=".el">...</a>
...
<div class="el">Блок, до которого надо скроллить</div>

Как убрать скролл в навигации?

max-height убрать или увеличить

Как при нажатии на кнопку проскроллить страницу вниз на 500 пикселей?

Или плавно

var currentScrollTop = $(window).scrollTop();
$('html, body').animate({'scrollTop': currentScrollTop + 500}, 400);

Как при нажатии на кнопку проскроллить страницу вниз на 500 пикселей?

Stas Fedorko: окно нужно скроллить =)
$(window).scrollTop($(window).scrollTop() + 500);

Вместо символов вопросики?

gervik_s: сам файл пересохраните в utf-8