abrahadabra

а зачем так сложно?
li.dropdown(class = active ? 'active' : '') a(href='#') Ссылка

Вы правильно понимаете.
li.int — просто элемент списка с классом int, li.int:hover — это когда наведена мышь на элемент списка с классом int.
li.int ul.has-menu — список с классом has-menu внутри элемента списка с классом int. li.int:hover ul.has-menu применится к списку с классом has-menu внутри элемента списка с классом int, когда на элемента списка с классом int наведена мышь.

например как-нибудь так

если можно не на body, а на более конкретизированную область, то лучше. Оно ж следит за всем, что в этом body творится. А если поставите $('.content').on('event', 'selector', func), то следить будет только за тем, что творится внутри .content. Вот, пожалуй, и всё, что следует учитывать. В остальном это просто хорошая штука, которую можно и нужно пользовать.

Тут  есть варианты.
Берём популярную CMS (Wordpress, битрикс, modx или, упаси ЛММ, юми). Долго мучаемся при разработке, долго мучаемся при обучении заказчика, затем долго мучается заказчик. Зато можно будет потом посадить заказчика на поддержку и тянуть с него деньгу фактически ни за что; Делаем полностью самописный сайт. Долго мучаемся, чтобы сделать хоть сколько-нибудь юзабельными совершенно обычные вещи вроде списков и форм добавления/редактирования. Затем долго мучается заказчик из-за того, что у него то глюки вылезают, то не хватает элементарного функционала. Зато можно будет потом посадить заказчика на поддержку и тянуть с него деньгу за свой тяжкий труд по приведению своего творения в хоть сколько-нибудь пригодное состояние; Берём хорошо зарекомендовавший себя фреймворк, имеющий в своём составе админку, которая в большинстве случаев настраивается парой строк в файле admin.py, протестированную годами и многими тысячами пользователей, имеющую все необходимые возможности, тратим полдня на настройку серверной части. И есть в жизни счастье, и клиент доволен. Правда, вероятность подсадить его на поддержку несколько снижается, но это компенсируется положительными сигналами в сарафанном радио. Выбирать вам.

читайте: http://php.net/manual/ru/function.setcookie.php
 

Это sass

вообще-то градиент только фоном и делается.

1) px в em переводить конечно же элементарно.
@function em-calc($value, $context: $contextBase) @return ($value / $context) * 1emВ базовых настройках проекта можно указать базовый размер:
$contextBase: 16pxА затем используете уже эту функцию где угодно в проекте:
.some_class font: weight: normal size: em-calc(16px)Можно явно указывать, относительно какого контекста считать.
 
Но с другой стороны, вам точно нужны em? Не лучше ли rem?
 
2) а padding и margin в процентах нужно задавать тогда, когда они должны быть в процентах

а так лучше.
https://jsfiddle.net/49dmpnpe/1/

если чуть внимательнее посмотреть, то там не просто смещение, а выход за рамки во все стороны, но только снизу:
https://jsfiddle.net/37dc9evo/1/

да, всё так. Код строго под задачу: из массива выносятся все нули и ставятся в конец.
 
 
на первом шаге индекс 0. Смотрим на элемент с индексом 0 — он 0. Перемещаем. Получаем. [0, 0, 1, 0] на втором шаге индекс 1. Смотрим на элемент с индексом 1 — он 0. Перемещаем. Получаем. [0, 1, 0, 0] на третьем шаге индекс 2. Смотрим на элемент с индексом 2 — он 0. Перемещаем. Получаем. [0, 1, 0, 0] на четвёртом шаге индекс 3. Смотрим на элемент с индексом 3 — он 0. Перемещаем. Получаем. [0, 1, 0, 0] здесь всё понятно?