Что используется на этом сайте?

Moskus, Да, вроде того, но я хочу понять, как стилизуется карта, я уже видел пару сервисов для выбора цвета, вроде гугла или этого, но как это реализовано, я не могу понять(

Что используется на этом сайте?

К сожалению нет, уже видел, это даст только обводку стран + заливку, а качество нужно вплоть до улиц.

Что используется на этом сайте?

Moskus, Да я думаю это не так как сказал Игорь, ибо там карта всего мира, если даже размер каждой картинки будет 10 на 10 км, то там на каждый цвет будет лежать по несколько десятков миллионов изображений, ради такого хранить сервере терабайты фотографий?...

Что используется на этом сайте?

Игорь, Хотите сказать, там 4 цвета и 20 миллионов картинок на на каждый тип цвета и на всю карту?

Как изображение разместить с лева на v-card?

Игорь, Это просто странно выглядит, словно инженер строит ракету, собрал двигатель, а потом задался вопросом, как гайки прикручиваются? :D

Как изображение разместить с лева на v-card?

Игорь, Я оставил ответ, можете отмечать :D

Как изображение разместить с лева на v-card?

А в чем проблема просто вставить изображение и пару стилей дописать?

Как выполнять js в зависимости от разрешения экрана?

viktorross, У вас стоит условие: "Если ширина экрана меньше 600px". Поменяйте знак, что бы больше ">".
И оберните в самовызывающаюся функцию:

(function(){
 /* сюда весь ваш код(который выше привели) */
}())

Тогда если откроется страница, сработает функция, сработает условие и все заработает.

Зачем нужен webpack?

BenderIsGreat34, Если вы написали что вы работаете с реактом, вот один из примеров из-за чего мне нравится вебпак, уже есть много всего готового: https://github.com/facebook/create-react-app
Написали одну строчку кода и у вас уже есть готовая сборка которая много умеет.

Зачем нужен webpack?

BenderIsGreat34, Работайте так как вам удобнее, но ходит мнение, и я с ним согласен, что галп уже переходит в разряд "динозавр", сейчас очень популярен вебпак и он очень удобен.

Есть ли вообще смысл в голом CSS&HTML?

Swch, https://www.awwwards.com попробуйте хотя бы одни сайт от сюда сделать конструктором...

Как сделать, чтобы при наведении на слайдер, можно было его скролить колёсиком мышки?

Сделайте что нибудь, что бы работало. Все просто.

Как отложить анимацию элемента transition?

Весьма элегантное решение, но я поступил по другому. Сделал отдельный компонент, и добавил для тега transition параметры:

<transition appear v-on:before-enter="beforeEnter" v-on:enter="enter">

Описал поведение анимации через JS функции с помощью Velocity, и задержку передаю в функции, а так же входные параметры. Вышло очень даже ничего, как по мне. Могу вызвать компонент, передать в него нужные данные + время задержки, еще удобно тем, что можно добавить параметров и сделать компонент универсальнее.

Как выйти на следующий уровень в своем обучении по front-end разработке?

AlexeyVolkov12, Вы сейчас скорее всего узнали "основы" работы с DOM, найти элемент, дать класс, перебрать массив и тд. Но вам 110% нужно знать и Node.js. "Серверный JS", ибо он так же необходим во фронте, как минимум для сборки проекта. Попробуйте сделать свою сборку Webpack и вы поймете, что вы в JS еще не то что "зеленый", вы поймете что вообще его не знаете.

Как выйти на следующий уровень в своем обучении по front-end разработке?

AlexeyVolkov12, Да, скорее всего очень разные, ибо я начал понимать что у меня хоть какая самая малейшая база есть, где через год... Как раз тогда и начал уже работать фронтэндом. Изучайте JS, и мой вам совет, старайтесь уходить от "могу подключить плагин", пишите все сам, а если что дико сложное, тогда уже подключайте.

Как сделать аккордеон, с одинаковыми классами, чтобы по клику открывалась только одна секция?

Dolerum,

document.querySelectorAll('.block1').forEach(function (el,id) {
        el.addEventListener('click',function () {
            document.querySelectorAll('.block2')[id].classList.remove('active');
        })
    })

Немного ошибся тут, тут поиск не по элементу(иначе поиск будет внутри block1), а по всему документу.

Как сделать, чтобы в массив добавлялось не более 10 элементов?

Возможно стоит добавить второе условие к первому, вроде: пока длинна массива не равна n. Не знаю какой размер массива у вас должен быть, но если не больше 10, то пока длинна массива меньше 10.

Webpack оптимизация стилей, классов?

А в чем вопрос?

Vue.js, React или Angular? Express на Electron JS будет работать?

Возможно ошибусь, но конечно нода не работает на смартфонах, она работает на серверах...
Или у вас сервер на смартфоне?...

Как в Nuxt задать анимацию элементу при уходе со страницы?

Я решил немного другим образом. Есть функция

beforeRouteLeave (to, from, next) {
            /* Тут то что должно произойти перед закрытием страницы */
            this.beforeLeave = false;
            next();
        },

Создал параметр:

data: function(){
            return{
                beforeLeave: true,
            }
        },

Компонентам задал параметр:
class="project-main_slider" v-if="beforeLeave"
Как то так, перед выходом элементы убираются и на них уже срабатывают классы анимация, и да, элементы обернуты в тег

<transition>

</transition>

Все работает вроде бы, не знаю насколько это правильно правда.