Как исправить показ текста при загрузки?

Arhangel_one, не знаю тогда. У Google Fonts есть опция, которая позволит включить это свойство.

Посмотрите, может, есть в этом вашем CDN подобное.

Как расположить фон в css(длинная картинка в высоту)?

Загадки в книге сказок.

Где ваш код, который вы пытались использовать?

И я не понял, что вы хотите, если честно. Но на всякий пожарный:

Можно ли сделать анимацию вместо изображений?

Виталий, ну, это будет выглядеть — сами понимаете, плохо, если там не будет хотя бы 20 кадров в секунду, чтобы создать эффект видео. А с учётом того, что будет нужно хотя бы пару секунд, то это 40+ картинок. Если совместить какие-то кадры, то можно сократить количество картинок, но это всё равно не то. Ну и размер этого дела. HD-видео с терпимым качеством будет весить килобайт 500 за 2–3 секунды.

Как по клику показывать блоки с такой разметкой?

Уверен, что вам это в который раз пишут, но по вашему описанию ничего не понятно, что вам нужно.

Как исправить показ текста при загрузки?

Внутрь @font-face вот это попробуйте добавить:
font-display: swap;

Можно ли сделать анимацию вместо изображений?

Вы хотите супер-пупер качественный рендер частиц дыма на стороне клиента?! Более того, это явно 3D. 2D-симуляции совсем иначе выглядят.

Никто и никогда не будет это делать. Только и исключительно видео.

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

test-cats, берёте нужные свойства из примера, открываете документацию и ищите утилитарный класс, если он есть.

https://getbootstrap.com/docs/4.3/utilities/flex/

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

Зачем плодить три одинаковых вопроса и с разных аккаунтов?

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

Как выровнять кнопку?

Вы не в состоянии добавить любой класс к вашей колонке и скопировать вот отсюда три правила и 6 строчек кода? (https://jsfiddle.net/1rp6ck34/)

Ну давайте тогда за вас сделаю это я:



Ширину у .el только уберите, они у вас Bootstrap'ом вашим будут заданы. Либо вообще не используйте колонки Bootstrap'а тут, т. к. они не позволят сделать нормальные отступы между элементами, как в моём примере.

На какие файлы Вы делите less/sass?

Я вот этой структуре следую, но с доработками:
https://itnext.io/structuring-your-sass-projects-c...

Достаточно популярная штука — «The 7–1 Pattern».

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

Andrej Sharapov, не вижу проблем :))

Ну либо он не хочет вообще писать CSS. Не знаю, есть ли в Bootstrap утилитарные классы для реализации задачи.

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

MRcracker, вы уже спрашивали этот вопрос, и я уже дал вам ответ:

Как выровнять кнопку?

Как эффективнее уменьшить размер и, соответственно, вес изображения максимально эффективно?

HTML, CSS и JS вам никогда не помогут сжать файл.

Точнее, JS, может, и поможет, только делать он это будет на стороне клиента (мы же о NodeJS сейчас, правда?), что нонсенс.

Сжимайте ваши файлы любым ПО: от отдельных программ до сборщиков. Либо же на стороне сервера.

В каком случае можно использовать плагин Isotop бесплатно?

If you want to use Isotope to develop commercial sites, themes, projects, and applications, the commercial license is the appropriate license.

Да, вам нужна коммерческая лицензия. По идее.

Но, наверное, не стоит так волноваться, всё же коммерческого у вас не так много. Там вечная путаница, что считать коммерческим использованием. Попадает ли персональный сайт-визитка под понятия личного проекта — фиг знает.

Какое разрешение фотографиям делать для веба?

Вы путаете реальное разрешение экрана и размеры viewport.

По вашему примеру с 720 vs 320: чтобы картинка была чётче, она должна быть по размеру реального разрешения. Поэтому если есть задача сделать чётче, то размер нужен больше, точнее размер должен быть ближе к реальному разрешению экрана. Т. н. эффект retina как раз так и реализуется. В браузерах есть алгоритм определения степени масштабирования, если он вам нужен.

В современных смартфонах масштаб уже не двухкратный зачастую, а трёхкратный (типичный FullHD-экран типичного смартфона).

Стоит ли разбираться с Gulp.js, если я знаю пока что только HTML и CSS?

Собрать по примеру простую конфигурацию Gulp можно и без знаний JS.

Безусловно стоит.

Как правильно сделать drag and drop элемента «p»?

За палюсик в караму могу только это прислать:
https://shopify.github.io/draggable/

Хорошей ли практикой является использовать rem для значений margin и padding?

Александр,

а что будет, если изменить значение rem? Тогда и значения медизапросов изменятся, что не очень хорошо.

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

Хорошей ли практикой является использовать rem для значений margin и padding?

Александр, например:
https://zellwk.com/blog/media-query-units/

Ну и кучи статей подобного рода. Есть противники этого. Я с ними не согласен, но я пока сам лично не заморачиваюсь на этот счёт. И делаю в px.

Хорошей ли практикой является использовать rem для значений margin и padding?

Александр, есть смысл. Почитайте. В Bootstrap много чего хорошего не сделали.

Переношу вёрстку на wordpress. Почему стили (не все), анимации в меню и на сайте не работают?

Инспектор стилей же у вас перед лицом. Наведите на элемент и смотрите, какие у вас там стили откуда применяются.