Как стилизовать Bootstrap 4 с помощью SASS?

Maxim Rezvanov: можно прям там в bootstrap.scss, но я бы смотрел, где оно лежит у вас. Например, чтобы не трогать оригинальный бутстрап в node_modules, я обычно делаю свой bootstrap.sass, куда импортирую все нужные мне компоненты из node_modules/bootstrap/scss/... . Таким образом, после обновления пакета, кастомная версия останется невредимой. Но если у вас просто бутстрап отдельно лежит, то можно и в самому bootstrap.scss работать или сделать себе custom_bootstrap.scss в той же папке.

Тестирование верстки сайта в 4K без монитора 4K?

xtala zen: отладчик Firefox вроде бы все дает просматривать как вам надо, что мешает им воспользоваться?

Как стилизовать Bootstrap 4 с помощью SASS?

Maxim Rezvanov: компилируем bootstrap.scss, все нужные импорты он сам подкатит.

Тестирование верстки сайта в 4K без монитора 4K?

А чем отладчик то неудобен?

Запретить растягивание flex элементов при hover?

Александр: да они вроде и без фиксированной высоты работают as expected.

Почему дергается меню?

V Sh.: по сути, ивент должен происходить, когда DOM полностью построен, то есть все внешние скрипты, стили, изображения загружены. Однако, насколько я понимаю, начиная с HTML5 document диспатчит другой ивент DOMContentLoaded. Весь алгоритм более подробно описан в спеицифкации тут.

Почему дергается меню?

V Sh.: функция checkCollapse должна находится в замыкании слушателя, ctrl + f вам в помощь. Вызывается он на каждый эвент "load" документа, очевидно.

Почему дергается меню?

V Sh.: здесь нет никаких сайд-эффектов, по сути и в checkCollapse() не должно быть, но лучше проверить.

Какие еще есть варианты использования цикла for?

тостер хабрович: для NodeList .forEach() работает в современных браузерах, для HTMLCollection - нет и вроде как не планируется. (Правда, никто не мешает преобразовать любую из этих коллекций до массива, особенно с приходом таких методов как Arrray.from())

Где можно научиться создавать админку для сайта на WordPress?

Дмитрий: конкретно в этом курсе нет ничего криминального, кроме того, что я уже упомянул, в качестве ознакомительного гайда пойдёт. Если у вас есть ссылку на курсы лучшего качества, милости прошу, поделитесь.

Почему так поппулярен POSTCSS?

А то, что теперь ты не видишь что за ересь передают с расширением .css

И часто вам просто так вот берут и отдельно от системы сборки передают левые .css?

Можно ли так назвать класс?

Phaeton92: это называется БЭМ.

Реально ли найти для тренировка psd макет, который будет нормальним?

Doxi:

так что мне с ними делать? когда верстаю то в браузере совсем не то что на макете

Если они вам сильно нужны, уменьшайте все вдвое и верстайте.

да, но вот угадай что именно должно меняться, текст? фон? текст и фон? какой фон, только картинка? или же еще что то? и из=за этого не понимаю как делать разметку

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

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

Gulp в окне команд выводит ошибку, что она показывает?

hellen_fisher: это команда для командной строки, npm i = npm install, просто сокращенно. Устанвлаивает все пактеы указанные в полях Dependencies/devDependencies из файла package.json, для сборки проекта необходимо их наличие.

Как правильно подключить normalize к gulp?

BB 8: да, соре, это я уже туплю, в любом случае попробуйте решения из того вопроса

Как правильно подключить normalize к gulp?

BB 8: @import 'normalize.css'
тоже не работает? Советую поискать в старых вопросах про includePaths и @import, их было немало, и решения сложно описать одним комментом. Вот тут много решений.

Как правильно подключить normalize к gulp?

BB 8: а если пройти по пути './node_modules/normalize.css/' есть ли там сам normalize.css? В принципе все правильно делаете, но при разрешени импротов ошибки - частое явление. Попробуйте явно указать расширение, при компиляции scss вроде бывают порблемы с этим.

Как правильно подключить normalize к gulp?

BB 8: нет, просто укажите опцию includePaths: [paths] в вашем gulp-sass/node-sass, где paths - строки с путями к нужным файлам. Пример: includePaths: ['./node_modules/bootstrap/scss']
теперь в sass могу написать
@import 'bootstrap'
и он импортирует мне так же, как если бы я написал

@import '../../node_modules/bootstrap/scss/bootstrap'

Так же в includePaths можно передать абсолютный путь, если надо.

Есть готовое решение для такого интерактивного фона?

Не в тему, но font-size: 9px это сильно

Не работает отступ к краям,что делать?

Muxailo: используйте flex-basis на элментах или margin-left/margin-right:auto