Поздно, наверное, но если кто еще не знает: выделяем текст, жмем ctr+alt+enter. Для HTML появится оберткой div, если нужна другая - в появившемся поле ввода внизу - вводим нужный тег, если нужно обернуть каждую строчку по отдельности - после тега ставим звездочку(*).

Есть Винда и Убунта. Верстаю в Винде, потому что есть подписка на фш и он хорошо работает
По поводу верстки на линуксе - фирма в браузере, нативный клиент для Avocode есть. Именно преимуществ линукса для верстки не вижу никаких - мне не важно в какой консоли запускать галп или вебпак.
Вот получение ключей для ssh, интеграция гит - на линукс удобнее. Но я на Винде давненько всё настроил и разницы не вижу.
Тестировать все равно желательно на разных системах. Для этого у меня и виртуалка с Макосью стоит.
А вообще, если есть деньги на Мак - то он наилучшее решение для верстальщика. Фш, авокоде есть. Сафари, хром, мозилла - тестировать удобно.

Intersection observer и анимируй как душа пожелает. Пример есть на MDN, но с ленивой загрузкой. Делаешь так же, но вместо загрузки картинки добавляешь класс элементу, когда он во вьюпорте. Хотел ссылку скинуть - но пишу с мобилы, не нашел так быстро. 10-15 строк кода.