Михаил Чирский

Смотря какая задача у вас стоит, можно сделать статикой, можно через ajax, суть не изменится, выбираете значение у 1 и в зависимости от него подгружаете массив во 2, обычно это делают ajax в select выбирают страну, делают запрос в бд, и возращают города к примеру которые в этой стране.

P.S. за вас никто не будет делать, выложите пример, вам подскажут, что не так и как поправить

Выложите на Fiddle код, вам помогут, разные проблемы могут возникать.

Например так: https://jsfiddle.net/g7dx859m/

Есть вот такая полезная штук для подобных вещей, использовал на лендингах
https://github.com/protonet/jquery.inview

Работает просто:

$('div').on('inview', function(event, isInView) {
  if (isInView) {
    // element is now visible in the viewport
  } else {
    // element has gone out of viewport
  }
});

Если, я вас правильно понял, должно помочь.

Я бы посоветовал Gulp + gulp.spritesmith, если все правильно настроить, собирает все картинки из вашей папки, делает из них 2 спрайта, обычный и для ретины х2, создает файл, в котором уже раставлены все background-position и прописаны все ваши иконки с названиями классов, берете и юзаете, очень удобно

Открыл вашу ссылку, и увидел, что у вас сайт не адаптируется, один вопрос, если он не адаптируется, зачем вы ставите meta viewport? Вы или не понимаете, для чего он и что с ним делать, и ставите как все, чтобы был, или я вас не правильно понял.

Смотрел по вашей ссылке: fxc-bank.com/test/index.html

Первое что приходит на ум, не видя ваш код, это, то что у вас совпало название класса или id, и у вас в общем скрипте, это поведение вызвывается, jquery-ui 100 % чист, косяк именно с вашей стороны, если выложите пример или ссылку, будет проще искать проблему

Не очень понял, почему у вас возникла проблема, примерно вот:
https://jsfiddle.net/wvj0tet4/

по поводу динамики, такие вещи делаются на стороне сервера, если работаете с файловой системой или бд, уже там при построении вашего представления, вы определяете шаблоны, в вашем случае их 2, одна фотка - значит прямоугольник, деве фотки - значит квадрат, а по поводу кол-ва столбцов, тоже можно загорячиться, ну мне почему то кажется, что определить к примеру, 4-5 колонок более чем достаточно, а вот их внутр. поведение, сколько фото и каких, уже делается просто.

Чтобы колонки тянулись от кол-ва, есть замечательные св-во:
:nth-last-child
Поддержка конечно не везде, ну уже зависит от потребностей, как мне кажется, сейчас уже, 90 % и более, решается стилями, потому, что поддержка того же Flexbox, который всем облегчил жизнь, кто умеет его готовить, показывает хорошие цифры: caniuse.com/#search=flexbox

P.S. Поправьте, если ошибся где

Sass лучше Less советую изучить его, различия не большие, из + не нужно ставить {} и ; в конце
пишите 1 большое структуировано дерево:

.block
  font-size: 14px
  .block-head
    color: #fff

думаю суть ясна, а по поводу компилятора, я бы посоветовал Gulp, Grunt, они очень удобные + есть куча плюшек, включая min файлы? css, js, а также работа с изображениями. под ретину и т д

Если вы будете внимательны, там еще и скрипт подключается

без api вконтакте, ничего не выйдет у вас, с Facebook аналогично
P.S. в вашем коде не увидел скрипта, а вообще поищите сервисы их куча, и не мучайтесь
вот 1 по ссылке в гугле
https://share.pluso.ru/

Как то так, ну это решение на статические данные и кол-во инпутов, селектов. Если будет что то серьезнее, нужно будет писать либо плагин, либо взять что то готовое

https://jsfiddle.net/qjgzdgoo/

Чтобы увидеть результат, после каждого выбранного значения наводите на ссылку, чтобы увидеть ее URL

Я бы вам посоветовал во 1 использовать jquery.validate или что то подобное, а не писать велосипеды, а собрать данные можно form.serialize()

js

var params = form.serialize();
// вернет примерно следующее name=&email= и т д
$.post(url, params, function(response) {

}, 'json');

и php

$ajaxData = array();

// Тут все серверные операции, включая добавление, мыло и все что угодно,
// ну учтите, чтобы отловить теже ошибки и показать их, надо передавать в массив ajaxData а в JS это дело ловить через .response.error и т д

die(json_encode($ajaxData));

Делаете через transform, а потом поворачиваете текст на столько сколько и квадрат и текст выравнивается.

Зачем вы для hover используете JS, это все делается на CSS, если нужно чтобы меню запоминалось, то да можно использовать JS для клика.

P.S. Учите верстку, смотрите примеры, JS нужно использовать когда он необходим, ну ваша задача решается стилями