Size: a a a

HTML/CSS — русскоговорящее сообщество

2020 July 30

A

Aleksandr in HTML/CSS — русскоговорящее сообщество
Николай Воробьев
как сделать чтобы при верстке результат сразу отображался в браузере?
Мб что-то вроде live server для vscode
источник

СМ

Сергей Морозов... in HTML/CSS — русскоговорящее сообщество
Или browserSync
источник

НВ

Николай Воробьев... in HTML/CSS — русскоговорящее сообщество
А по отступам не подскажите? Выше вопрос написал
источник

НВ

Николай Воробьев... in HTML/CSS — русскоговорящее сообщество
Сергей Морозов
Или browserSync
если node js уже установлена то команда все равно будет такой? npm install -g browser-sync
источник

Д

Дмитрий in HTML/CSS — русскоговорящее сообщество
npm run watch?
источник

СМ

Сергей Морозов... in HTML/CSS — русскоговорящее сообщество
Николай Воробьев
если node js уже установлена то команда все равно будет такой? npm install -g browser-sync
Посмотри на сайте модуля
источник

Д

Дмитрий in HTML/CSS — русскоговорящее сообщество
Проект сразу собираться будет
источник

М

Максим in HTML/CSS — русскоговорящее сообщество
Николай Воробьев
если node js уже установлена то команда все равно будет такой? npm install -g browser-sync
на ютубе найди канал WebDesign Master у него там и сборка готовая и видос как устанавливать доходчивый очень
источник

А

Андрей in HTML/CSS — русскоговорящее сообщество
Николай Воробьев
как сделать чтобы при верстке результат сразу отображался в браузере?
прям быстро и без конфигов - parcel
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
Andrey Strelkov
Добрый день, я новичок в CSS и HTML, подскажите пожалуйста. Хочу сделать контейнер внутри которого создать 2 колонки, делаю методом float. Вроде как всё работает, но моя проблема в том, что мне нужно контейнеру, внутри которого находятся эти колонки, сделать с отступом снизу путём margin-bottom

И тут у меня проблема, не получается, скажите пожалуйста, что я не так делаю

https://jsfiddle.net/07z9utha/1/
по мотивам твоего сообщения пришлось заметку написать. часто приходится повторять одно и то же.

https://t.me/htmlshit/422
Telegram
Будни верстальщика
#заметка дня
#css #flex #ie #float #flexbugs

По какой-то неведомой мне причине в профильных чатах очень часто, будто волнами, появляются люди, которых, как они заявляют, учат верстать на float.

Мол, сначала блоки, потом float, потом flex и потом grid. Такой порядок, конечно же, полный бред.

Более того, я заметил это в паре книг, но сейчас не о них.

Часть из этих людей утверждает, что им нужна поддержка Internet Explorer 11, который, будто бы, не поддерживает flexbox.

Господа, я не знаю, кто вам такое пишет. Всё прекрасно работает, даже без -ms-префиксов. Проблем на самом деле намного больше и они везде.

Как всегда, залог успешной вёрстки — это простая гигиена и знание справочников. В отношении flexbox гигиена такова:
никогда не используйте короткую запись (flex: 1 0 auto и т. п), пишите конкретные правила; не надо полагаться на значения по-умолчанию.

Эта гигиена, кстати, вообще касается многих сложносоставных правил.

А чтобы быть уверенным, всегда держите в закладках замечательную подборку багов, которая…
источник

НВ

Николай Воробьев... in HTML/CSS — русскоговорящее сообщество
для чего нужны сборщики фронтенда вроде gulp и prepros и какой из них использовать?
источник

KA

Kenan Ayvazov in HTML/CSS — русскоговорящее сообщество
Николай Воробьев
для чего нужны сборщики фронтенда вроде gulp и prepros и какой из них использовать?
gulp - тас раннер
источник

KA

Kenan Ayvazov in HTML/CSS — русскоговорящее сообщество
сборщик нужен для сбора множества файлов в один, транспайлинга JS'а для всех нужных браузеров и т.д.
источник

СМ

Сергей Морозов... in HTML/CSS — русскоговорящее сообщество
Kenan Ayvazov
сборщик нужен для сбора множества файлов в один, транспайлинга JS'а для всех нужных браузеров и т.д.
Плюс можно файлы sass компилировать в css
источник

KA

Kenan Ayvazov in HTML/CSS — русскоговорящее сообщество
Сергей Морозов
Плюс можно файлы sass компилировать в css
молодец, лучше ему адресуй данное сообщение
источник

СМ

Сергей Морозов... in HTML/CSS — русскоговорящее сообщество
Николай Воробьев
для чего нужны сборщики фронтенда вроде gulp и prepros и какой из них использовать?
Посмотри на ютубе про сборщик gulp. Там есть одно часовое видео хорошее
источник

ZA

Zahar Avsievich in HTML/CSS — русскоговорящее сообщество
Сергей Морозов
Плюс можно файлы sass компилировать в css
а ещё, а ещё
источник

ZA

Zahar Avsievich in HTML/CSS — русскоговорящее сообщество
Zahar Avsievich
а ещё, а ещё
что можно?
источник

l

l|v|l in HTML/CSS — русскоговорящее сообщество
Ребят, поясните, пожалуйста. Мне нужно разместить картинку под текстом. Справа в консоли видно как устроена показанная слева часть html куска, где about — вся секция целиком, contentBx — блок, в котором находятся блок текста и картинки на одном уровне соответственно. В css (второй скрин) я указываю для contentBx display: inline-block, который и должен сделать сразу то, что мне нужно (переместить картинку под текст), но этого не происходит. Почему?
источник

l

l|v|l in HTML/CSS — русскоговорящее сообщество
источник