VueJS - как в интерфейсе приложения сделать настройку дизайна через textarea с кастомными css правилами?

bormor, посмотрел, весит аж 900 Кб в сжатом виде.

VueJS - как в интерфейсе приложения сделать настройку дизайна через textarea с кастомными css правилами?

bormor, есть. Вот только это не очень будет нравится пользователям, т. к. это нагрузка на CPU и трафик. Плюс, рендеринг элементов будет медленнее, ибо будет ждать CSS.

https://github.com/medialize/sass.js

VueJS - как в интерфейсе приложения сделать настройку дизайна через textarea с кастомными css правилами?

Скомпилировать SCSS в CSS на backend.

Как загрузить иконку которая будет загружаться лишь при ховере?

DeniSidorenko, попробуйте хак на :root:before для предзагрузки:
https://mobile.htmlgoodies.com/tutorials/web_graph...

Я проверил, действительно грузит сразу ресурсы, если их указать так. Либо же там есть хак для body и множественные файлы background-image, которые затем визуально скрываются. Что можно тоже использовать, ибо это тоже работает.

Как загрузить иконку которая будет загружаться лишь при ховере?

Тимур Турсунбаев, только если элемент показан, т. е. файл картинки из правила с :hover будет грузится только когда сработает этот :hover. Не раньше.

Иными словами, браузер не грузит файлы, указанные в CSS до тех пор, если этого элемента нет на странице или он не скрыт в display: none, :hover, :active и т. п.

Где можно найти разные макеты для тренировки Js?(например верстка калькулятора)?

godsplane, это делается с помощью отдельных плагинов. Ищите их по запросу: range slider JS.

Как сделать добавление ссылки по тексту?

CoCoCoder, всё хорошо, спасибо, что отметили. Просто часто люди не отмечают — и это обидно.

Как сделать добавление ссылки по тексту?

CoCoCoder, решением отметьте, если подошло. Иначе смысла в ответе нет.

Как применить скрипт для динамически загружаемого контента?

xmoonlight, хорошо :))

Как применить скрипт для динамически загружаемого контента?

Вот этот отлично работает с динамикой безо всяких лишних взаимодействий:
https://github.com/aFarkas/lazysizes

Он просто следит за появлением новых элементов автоматически.

Как применить скрипт для динамически загружаемого контента?

Попробуйте заменить плагин на нормальный. Либо вызывать его инициализацию снова после получения данных.

Какое разрешение у принтера при печати из браузера?

Antonio Solo, да, это работает, попробуйте открыть для печати:
https://jsfiddle.net/ozpc4mt6/1/show

Какое разрешение у принтера при печати из браузера?

Antonio Solo, попробуйте так, если нужен точный физический размер:

@media print {

   img {
     width: 10cm;
   }

}

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

Какое разрешение у принтера при печати из браузера?

Они выводятся не px. Браузер на печать обычно берёт то, что человек видит на экране и это же выводит на печать, сохраняя размеры viewport, либо чуть увеличивая их.

Лучше скажите, какого эффекта вы хотите достичь?

Зарубежные сайты с бесплатными скриптами сайтов?

https://wordpress.com/

Почему не удаляется элемент из dom?

olya_097, это уже на задание тянет. Там не так мало чего надо сделать.

Как убрать расстояние между картинками в CSS Grid?

Lex Fox, не за что!

Как убрать расстояние между картинками в CSS Grid?

Lex Fox, в смысле к каждой картинке или автоматом? Это CSS-правило по селектору. С grid оно не связано, это хак, чтобы картинка полностью заполняла grid-ячейку и была как фон. Только что-то может обрезать нужное, ибо картинка будет тупо выписана в размеры родителя.

Как убрать расстояние между картинками в CSS Grid?

Lex Fox, masonry-раскладка полноценная — только на JS:
https://masonry.desandro.com/

Как убрать расстояние между картинками в CSS Grid?

img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center center;
}