Как обработать событие изменения размера бумаги при печати из браузера?

tosha4encko, какие нафиг события в принтере?

Я не могу понять почему не подключается картинка?

Ну ёпта!!!

что же ты не сказал, что у тебя там картинка на 1000 пикселей?
Она нормально отображается. Просто отображается ее кусочек из левого верхнего угла (прозрачный).

background-size: contain решит твою проблему.

Я не могу понять почему не подключается картинка?

картинка вроде грузится. ok.
попробуйте отключить кэширование и перезагрузить страницу (не закрывая dev-tools)


Потом посмотрите (на вкладке Elements) какие стили реально применяются к данному диву.

Я не могу понять почему не подключается картинка?

А еще лучше подключить вместо него normalize.css

Я не могу понять почему не подключается картинка?

И еще: reset.css нужно подключать перед своими стилями

Я не могу понять почему не подключается картинка?

Dmz_wow, пожалуйста, выполните эти инструкции и сделайте скриншот вкладки Сеть в средствах разработчика браузера

F12 (в хроме), вкладка Network (или Сеть), перезагрузка страницы -> смотрим что загружается/не загружается. Должен быть запрос к картинке со статусом ответа 200

Прежде, чем что-то советовать, нам нужно быть уверенными, что ваша картинка нормально грузится.

Я не могу понять почему не подключается картинка?

Dmz_wow,

я уже написал что пишется для этого дива

Где? не вижу.
F12 (в хроме), вкладка Network (или Сеть), перезагрузка страницы -> смотрим что загружается/не загружается. Должен быть запрос к картинке со статусом ответа 200

Как вы организуете свой код? (module pattern, classical inheritance) ( что лучше)?

es6 modules на фронте,
commonjs modules в ноде.

Нужно ли под контакты создавать отдельную страницу сайта?

Вы понимаете что такое landing page?
Само слово landing намекает, что это какая-то цель, посадка. Страница для привлечения потребителя, реклама товара или услуги, единственная цель которой — заставить посетителя совершить покупку или заказать услугу. Из этого следует единственный вывод, что все необходимые данные для заказа/покупки уже должны быть здесь.
И еще лендинг - это не сайт, это страница. В вырожденном случае это может быть одностраничный сайт. А может быть отдельно продвигаемая страница на многостраничном сайте.
Таким образом, все сводится к тому, что вы хотите сделать, одностраничник или обычный сайт. Делать LP + отдельную и единственную страницу контактов выглядит нелогичным.

Npm ERR! при установке browser-sync. Как установить browser-sync?

vantyai88, вы можете сами открыть в браузере адрес localhost:3000 и все будет обновляться потом при изменениях. У меня вообще закладки для этого дела в браузере



У вас проблема в том, что браузер-синк не может сам открыть браузер. Как временное быстрое решение - запретить ему это делать. Хотя можно и не запрещать, и не обращать внимания на предупреждение (это не ошибка), а просто вручную открывать страницу.

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

Npm ERR! при установке browser-sync. Как установить browser-sync?

Ой, вы его через cli запускаете, я то по привычке подумал про галп.
Ну наверное опция --no-open поможет
https://browsersync.io/docs/command-line

Как передать sourcemap из одного файла в другой?

так вы первую карту не делаете же!
sourcemap.init()
concat()
sourcemap.write()

а уже во втором таске будете загружать эту карту опцией loadMaps

Npm ERR! при установке browser-sync. Как установить browser-sync?

vantyai88, напишите опцию open: false
Почему-то не может запустить браузер. Это уже видимо проблема из-за возможно некорректного изменения имени пользователя. Может быть поможет переустановка браузера, но не знаю.

Как добавить плавности событию toggle в js?

1. это не событие, а метод
2. это дискретный метод, добавление класса нельзя анимировать в принципе.

но вы можете анимировать какие-то другие стили элементов при смене классов. для это нужно воспользоваться css переходами (transition)

Как растянуть блок до левого края. Bootstrap, CSS?

veltolo, flex-shrink: 0 для колонок чтобы не сужались

Как растянуть блок до левого края. Bootstrap, CSS?

.row {
  display: flex; /* для bs 3 */
}
.col-lg-4,
.col-lg-8 {
  display: flex
}

это решит вашу задачу. Только не нужно задавать стили прямо этим классам. Повесьте на нужные колонки свои. Или, если у вас bootstrap 4, посмотрите его документацию, там есть классы-помощники для флексов.

Как растянуть блок до левого края. Bootstrap, CSS?

К сообщению прикладываю ссылку на файлы

Зачем? Кто будет скачивать?
К вопросу нужно прикладывать демку в песочнице jsfiddle.net/boilerplate/bootstrap

Как сделать так, чтобы при выборе в списке был виден другой список?

как сделать зависимые селекты

Почему не работают подключенные стили из внешнего файла?

style.css с каким кодом отдаётся?
скорее всего он закешировался (304 вместо 200).



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

Почему не работают подключенные стили из внешнего файла?

с виду всё нормально, кроме забытой решетки в стиле цвета фона шапки.