Владлен Грачев

Нет, нормальной практикой это не назовешь..

Основы использования HTML/CSS изучаются ну за неделю. Какие есть теги, когда и как используются, для чего нужен CSS, как работают селекторы, какие свойства есть и для чего они. Все что дальше — это изучение тонкостей и опыт.

Так вот, до изучения основ emmet не нужен. Без знания CSS от emmet толку мало. Выражения, использующиеся для генерации HTML — это по сути слегка приправленные селекторы. А сокращения свойств можно запомнить, зная, что именно сокращается. Пока человек не может писать без emmet'а (не знает HTML/CSS), emmet ему будет только мешать.

Нужен пример. Пока что навскидку могу допустить, что DIV изначально скрыт. Вполне возможно, что класс добавляется, но помимо этого нужно еще и удалять ему класс .hidden, чтоб он отобразился.

Немного мимо кассы, так как говорить буду про LESS, а не SASS. В Brackets использую расширение LESS AutoCompile. Задумываться ни о чем не приходится: я сохранил *.less, тут же автоматически компилируется *.css. Лишние действия (вроде компиляции) сведут на нет плюсы такой фичи Brackets, как Live Preview, без которой становится грустно жить, как только оценишь ее по достоинству.

Отступы? Да какая, к черту, разница? Вам вообще ни к чему в итоговый CSS лезть. К тому же, оно все равно в идеале должно минимизироваться в итоге.

Как-то так (если правильно понял задачу).

Честно говоря, не знаком с LESS. Но, насколько вижу из кода, тут есть вложенность. Не нужно ли заменить

&_wrapper{
      display: inline-block;
      height: 114px;
      &_wrapper:hover{
        border: 4px solid #b86365;
      }

На что-то вроде

&_wrapper{
      display: inline-block;
      height: 114px;
    }
    &_wrapper:hover{
      border: 4px solid #b86365;
    }

? Думается мне, оно может искать wrapper внутри wrapper'а.

Как-нибудь так?
Ну или радиальный градиент можно применить.

Не надо верстать таблицу дивами. Таблицы верстаются таблицами.

Максимально приближенный вариант получится, если использовать табличные значения свойства display. И в итоге разметка будет только более громоздкой, ибо вместо соответствующего тега придется использовать див с соответствующим классом. И троллейбус из буханки на фоне этого будет выглядеть куда более полезным изобретением.

Можно накидать и на JS, но все равно выйдет ад и содомия.

По вашим принципам получается как-то так.
Но вообще, не надо заниматься подобными глупостями. Лучше сразу делать нормально.

Варианта два:
1. Отлавливать клик по всему документу, в теле обработчика проверять, был ли клик по блоку или вне его.
2. Ловить событие blur на сворачиваемом блоке. Но чтобы событие начало срабатывать, надо задать контейнеру атрибут tabindex.

Склонение зависит от последней цифры числа.
Секунда: 1.
Секунд: 0, 5, 6, 7, 8, 9.
Секунды: 2, 3, 4.

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

Первое, что пришло в голову. Возможно, лучше использовать jQuery (если подключено уже), так как getElementsByClassName() не работает в IE<9.

classList не работает с выборкой jQuery. Это во-первых.

Во-вторых, назначать класс нужно без точки.

В-третьих, Alexander Sydorenko верно сказал: используйте addClass. Его нужно воткнуть вместо classList.add в двух местах в функции fScroll().