Антон

У Вас ватчер же работает?
Вот и дайте ему задачу отслеживать

gulp.watch("адрес/*").on('change', browsersync.reload);

Как осуществить такую анимацию?

.append() .prepend()

Ну, сходу, я вижу 3 блока.
Блок с телефоном, блок с иконками, блок с текстом

1) Каркас телефона как бекграунд, картинка экрана с паддингами.
2) Бэкграунд кривой, абсолютами или отступами расставленные иконки. Или же Блок Телефона и Иконок один, кривая через ::after
3) Тут вообще надо что-то писать?

К иконкам через дата можно добавить data-img и data-text, и по клику на иконку на банальном джиквери вставлять ее в свои контейнеры, т.е. заменять картинку дисплея и текст

Particle JS

$('#countries').append('<li><p>' + val + '</p></li>');