Oleg Dobrygin

1) UX и представление того, что мы хотим получить. Используется для того, чтобы понять какие компоненты понадобятся, а также для того, чтобы понять какие Layouts будут в приложении.
Для накидки макетов и UX подойдет Axure.

2) Верстка дизайна макетов.
Sketch – по моему, самый удобный из всех, с большим количеством плагинов, но правда только для мака
Figma — тоже хороший, а главно бесплатный,
Photoshop — не самый лучший вариант, но тоже можно, если любите хардкор O_o

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

Avocode, Zeplin

4) Верстка макетов. Подойдет HTML+CSS. Для написания стилей можно выбрать препроцессор по вкусу: LESS, PostCSS. Обычно объединяется с пунктом 5.

5) Скриптинг, Логика, Компоненты, Javascript и десятки бессонных ночей.
Для написания логики работы и компонентов подойдет Nuxt.js или React

6) Тестирование и отладка. Исправление багов. Будет хорошо если в команде есть человек, умеющий писать Unit-тесты. А еще лучше, если разработчики будут делать это сами.

var elements = [];
$('.selected').each(function(){
elements.push($(this));
});

Вам нужна директива RewriteRule. Ознакомьтесь что такое .htaccess файлы и как они могут вам помочь.

https://ruseller.com/lessons.php?id=309
www.htaccess-guide.com
https://www.nic.ru/help/fajl-htaccess-nastrojka-pe...

Вот так: https://jsfiddle.net/tg1pvsoz/1/

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

Очень легко!

Сниппет: https://jsfiddle.net/je2xdL0z/9/

Думаю, иконки сами догадаетесь как разместить в меню :)

$('.item_area').each(function(){
$(this).addClass(`item_${$(this).index()}`);
});

Возможно, многопоточная загрузка файлов на сервер.

либа: scrollmagic.io
пример вашей задачи: scrollmagic.io/examples/expert/bezier_path_animati...

Пользуйтесь, на здоровье!