Сергей delphinpro

var grid = $("#grid");
var table = $('<table>'), tr, td;
grid.append(table);

for (var height = 0; height < 16; height++) {
      tr = $('<tr>');
      for (var width = 0; width < 10; width++) {
            tr.append('<td></td>');
      }
      table.append(tr);
}

но вариант со строками будет быстрее работать за счет единственного изменения DOM.

Причепите css transition на бэкграунд. Кривыми Безье в тайминг-функции подберите оптимальный эффект вспышки.
Переключайте из скрипта присвоением/удалением класса.

Минифицированный файл для увеличения скорости загрузки страницы. Именно он должен использоваться на боевом сайте. Не минифицированный файл подключается на dev-сервере в процессе разработки. Это касается минифицированных файлов в целом. Файлы собираются системой сборки (gulp/grunt/webpack). После окончания разработки дается команда создать сжатый файл и он создается.

В случае бутстрапа используйте минифицированный, если вы не планируете вносить в него изменения и не минифицированный в противном случае.

Не нужно плодить классы (select2, b-price-item-2 и т.п.). Манипулируйте блоком как единым компонентом, и тогда вы сможете создавать их любое количество не трогая больше css- и js-код

https://jsfiddle.net/r731hnd0/1/

codepen.io/anon/pen/rLwXZo

Use DevTools, Luke!

Открываем консольку и смотрим, почему ваши стили оказываются ниже стилей фреймворка. Исправляем соответствующим образом.

Начните отсюда https://developers.google.com/maps/documentation/j...

Прямо на этой странице внизу есть пример стилизованной карты.

перед вызовом setcookie() пишем
var_dump($time);
и смотрим что в ней реально находится

так и провернуть

@media all and (min-width: 550px) and (max-width: 600px ) {
}

По-моему во всех трех популярных препроцессорах нет никакой принципиальной разницы. Чуть-чуть различается синтаксис, но это дело привычки. Я не ощущаю никакого дискомфорта при работе с любым из них, хотя большую часть времени приходится работать с sass.

flex-wrap: wrap;

Посмотрите как делают сетки на флексах. Есть отдельные проекты, чисто сетка. Есть в составе фремворков (тот же бутстрап 4 альфа)

function myFunc() {
 // some code
}

$(function(){
  myFunc();
  setInterval(myFunc, 15000);
});

Вопрос:
А зачем вам на каждой итерации навешивать события? Я вижу каждые 15 сек выполнение addEventListener() и ни одного removeEventListener(). Обработчики будут накапливаться. На первой итерации выполнятся по разу, на второй - по два и т.д.

Налицо ошибка дизайнера. Ему следует перестроить сетку. Именно сетку, а не блоки с контентом. Хотя их немного тоже затронуть придется.

В сетке следует увеличить гуттеры (расстояния между колонками). И соответственно уменьшить ширину колонок.
Третий столбик чуть изменится в ширине. Не стоит выпендриваться и отдать ему получившиеся четыре колонки.

В дизайне, выстроенном по сетке, любой блок всегда занимает целое количество колонок и не залазит на гуттер, как у вас в последнем ряду маленькие блоки.

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

codepen.io/anon/pen/kXyxEQ

jsfiddle.net/ketoLpae/8

jsfiddle.net/ketoLpae/9

console.log(elementClick)
и вам все станет ясно (стремное название для переменной, кстати)

Если вы хотите "продублировать" в классе .cities-list2 вышеозначенную иконку, то просто расширьте этот класс (вы же препроцессор используете)

.cities-list2 {
  @extend .fa;
  @extend .fa-sort-desc;
}

Разумеется, чтобы это сработало, ваши font-awesome иконки тоже должны быть включены в этот же файл

Рисуете SVG-шку.
И... и всё. Дальше как обычно
path:hover { fill: orange; }

Абсолютное позиционирование тут конечно же ни причем :)
Просто запутались с селекторами.

codepen.io/anon/pen/zBZLVG