Кирилл

png или svg для блоков и абсолютное позиционирование

Может подойдет такой костыль в виде бордеров, потому что решения я тож не видел. Ну и ширину бордеров на свое усмотрение поставишъ

data: {
  labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
  datasets: [{
    label: '# of Votes',
    data: [12, 19, 3, 5, 2, 3],
    categoryPercentage: 1,
    barPercentage: 1,
    borderColor: "rgba(0,0,0,0)",
    borderWidth: [ { left: 0, right: 30 }, 30, 30,30, 30, { left: 30, right: 0 } ],
  }]
}

Прошел обучение Way Up "Веб-верстальщик, начало".
Название попахивает инфоцыганством чистой воды. Когда пишут что в верстке есть где-то начало, то видимо они не хотят видеть конец вашего кошелька.

Только вот не знаю что дальше- стоит ли выбрать их платные курсы и какой именно ?

Не стоит, если вы вкидываете деньги на такую базу как верстка, что же вы будете делать когда Вас коснуться более тяжелые вещи, на которые не пилят курсы и нужно изучать в одно лицо. Вся информация в свободном доступе, в прекрасном виде и изложении.

Хочу стать профессиональным верстальщиком

Боюсь Вас растроить, но сейчас Вы вряд ли найдете работу профессиональным верстальщиком, легче менеджером или в такси. Что бы Вас взяли на хотя бы позицию джуна в студию или фронтендером в офис Вам нужно:

HTML5, CSS3, адаптивная, кроссбразерная, валидная верстка, gulp, pug, postcss. база php, база js, webpack, jquery, знания хотя бы wordpress, лучше wordpress+modx, лучше wordrpess+modx+opencart. В идеале если вы хотите получать не 30 тысяч рублей (так так тот стек тянет на 25). То еще и отличное знание js + к нему react+vue. И начинать с 40 тысяч в первый год.

Доброе пожаловать в веб.

Ну не знаю, попробуйте что-ли фрейм внутри фрейма. Внешнему фрейму задайте ширину в 500, а внутреннему уже 1920 и высоту с запасом. Возможно есть и более элегантные решения, но пока ничего такого в голову не приходит.

P. S. Есть ещё один интересный вариант, вы задаете фрейму такую ширину, какую хотите, например 1920, а затем просто пропорционально масштабируйте посредством css уменьшая фрейм в три раза.

Перепробовал несколько скриптов для своего проекта. Все забраковал. Для небольшой ленты нормально, для бесконечной не годится. Ресурсы прокрученных вверх блоков не освобождаются и вскоре начинаются дикие тормоза. Пришлось писать самому на js + css. Адовая работа, до сих пор временами баги нахожу. Результат можно посмотреть здесь:
https://www.zombler.com/explore/

https://www.chartjs.org/

Вот вам вариант:
каждый блок лединга хранить как пост (все такие посты в одной рубрике) и выводить их на главную или для ключевых объектов создавать доп поля для главной страницы с помощью advanced custom fields (для текстовой инфы - выводить редактор, для картинок - поле "картинка" и т.д.).
Для слайдеров и форм - использовать понравившиеся плагины и выводить их в шаблоне способом заданным для конкретного плагина.

Сейчас хостинги очень гибкие в плане настройки окружения. Можно и локально делать.

В зависимости от задач.
Один работаешь или в паре с кем-то.
Должен ли заказчик контролировать процесс и пр.

Просто на том хостинге, на котором должен быть новый сайт, работает старый

и что?
создаешь поддомен dev.имя сайта.домен, папку на хостинге и работаешь. можно подключить папку на хостинге как диск на твоем компе. Многие даже виртуальные хостинги это поддерживают, либо ssh, либо ftp короче как удобно.

Либо делайте на локалке у себя, либо создайте копию рабочего сайта на субдомене и закройте от индексации и работайте, а потом по завершению работ синхронизируйте каталоги и БД.

В самом примитивном варианте, без promise, async/await и т.д.:
1) делаете 2 функции: videosIsLoaded, imagesIsLoaded
2) в каждой функции отслеживаете загрузку всех соответствующих элементов
3) с картинками, Вы сказали, что разобрались
4) в функции videosIsLoaded, video.addEventListener('canplaythrough', cb), а еще лучше загрузите его аяксом и используйте onload
5) в videosIsLoaded и в imagesIsLoaded вызываете одну и ту же функцию, которая проверяет 2 условия - загрузка картинок и видео, можно просто завести 2 переменные (1ую для картинок и 2ую для видео) и менять их с false на true при загрузке контента.
6) в вызываемом callback (пункт выше) просто проверяете обе вышеуказанные переменные и прячете прелоадер.

Можно же с помощью CSS Grid позиционировать элементы.
Что то типа такого:

react-dragscroll

scrollyeah

ну и overflow-x никто не отменял )

Кирилл, все зависит от задачи. Опишите более точно, что Вы пытаетесь сделать?
"Мелие записи" это что? Можно сделать одну запись и все остальное реализовывать через комментарии, сделав форму с произвольными полями комментариев.
Можно сделать дополнительные поля к записи (и обычной и кастомного типа)
При острой необходимости можно вообще написать плагин создающий свою таблицу в бд, и все записывающий в нее. Реализаций на WP вагон и тележка.

В вашем случае это вообще похоже на личный кабинет пользователя. Это реализуется своими способами, и доп.поля крепятся к профилю. Вы даже можете создать свой тип пользователя

Можно создавать виджеты или использовать кастомные поля (ACF). А можно при помощи ACF создать виджеты))) Создайте доп. поля и добавьте в шаблоны темы.
Например, если вы хотите создать раздел "Параметры темы" используйте acf_option

можно делать это через виджеты, если я вас правильно понял