Как сделать автоматическое растяжение flex элемента по высоте?

Досчитывайте и дорабатывайте https://jsfiddle.net/gcefb62p/

Какие стили нужно дополнять для кроссбраузерной вёрстки?

Davidaa_WoW, но не поможет.
Т.е. поможет, но далеко не во всех случаях.

Как сделать чтобы toggleClass работал правильно?

Как по-вашему, если клик был по .menu__list-item, то что скажет вторая честь вашего скрипта? Сработает или нет?

Почему большие проекты типа apple.com используют css переменные а не scss/less etc?

godsplane, вы в scss файлах можете писать чистый css, так что нет никаких проблем.

Причем, можно писать даже так:
--color: #{$color};
т.е. кастомному свойству в качестве значения задать scss-переменную. Или результат манипуляций с scss-переменными.
Сейчас что-то забыла ради какого фокуса мне это было нужно, вспомню расскажу.

Но только не нужно специально мудрить в коде только ради того, чтобы использовать вообще ВСЁ, что знаете. Пишите как можно проще, поменьше дублируйте свой же код и т.д.

Почему большие проекты типа apple.com используют css переменные а не scss/less etc?

godsplane, и как вы будете творить, например, светлую и темную темы?
Грузить пользователю разные файлы стилей?
А с кастомными достаточно при наличии класса в body переопределить несколько переменных. Т.е. общий CSS вырастет совсем незначительно.

Как расположить блок внутри flex бокса по центру?

Alius999,

Есть какие-то иные варианты выровнять содержимое ячейки грида по горизонтали и вертикали?

Да, конечно. И они описаны в спеке гридов. Это align-self и justify-self.

чтобы сайт сделать полностью на гридах

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

p.s. Выкладывайте, пожалуйста, код в песочницы типа jsfiddle.net (не требует регистрации). Чтобы не нужно было компилировать ваш код в мозгу.
А картинки с помощью кнопки вставить картинку, чтобы не нужно было бегать по каким-то ещё страницам и сервисам.
Если большая, то можно убирать в спойлер.

Gulp выдает ошибку, в чем может быть проблема? Did you forget to signal async completion?

djoni kage, вероятно, старое видео, с предыдущей версией sass.
Начинайте читать ошибки, зачастую в них напрямую написано в чем дело.

Почему большие проекты типа apple.com используют css переменные а не scss/less etc?

godsplane,

Какие например?

Например, переопределение по ходу дела, без повторения свойства.
Это не сработает

<p class="p1">Lorem</p>
<p class="p2">Lorem</p>

$bright: red;

p {
  color: $bright;
}

.p2 {
  $bright: yellow;
}

А для кастомных свойств сработает.
https://jsfiddle.net/Ankhena/Lfpw4x3d/

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

Почитайте гайд, что ещё они умеют https://css-tricks.com/a-complete-guide-to-custom-...

Как сделать открывающиеся меню только на телефоне?

jazzman7,

однако топорное какое-то решение

Несомненно.

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

Как реализовать нестандартное перечеркивание цены?

Как такое можно сделать в css?

Взять SVG и заинлайнить в CSS и не парить мозг.

Как задать маску в виде изображения для картинки в html/css?

Илья Ломаев,

я не могу найти, как из цсс менять размеры маски, которой в разметке нет

Так и менять ,через mask-size https://developer.mozilla.org/en-US/docs/Web/CSS/m... или, раз пишете в одно свойство, то по аналогии с bg

Как сделать блок с "оттянутой" стороной на css?

Радиальным градиентом https://jsfiddle.net/Ankhena/x6y3hgt1/4/
Clip-path
Псевдо со скруглением и размером больше, чем элемент.

В последнем случае overflow можно применить к дочерней обертке

Gulp выдает ошибку, в чем может быть проблема? Did you forget to signal async completion?

Люблю людей, которые вроде выкладывают скрин с ошибкой, но сама ошибка там обрезана или обрезана частично.

Так вот, судя по всему, в ошибке написано, что должно быть

const scss = require('gulp-sass')(require('sass'));

, а не просто const scss = require('gulp-sass')

Slick is not a function как исправить?

Зачем сейчас slick? Посмотрите, когда он последний раз обновлялся.
Если прям приспичило, я бы попробовала уменьшить версию JQ.

Фреймы HTML 4.01?

Здравствуйте, скажите возможно ли сделать фреймы крестом

Что вам может помешать?

и как это сделать?

Из актуального гриды и флексы.

Что вы уже пробовали и что вызвало затруднения?

Как добавить div в слайдер?

Дмитрий, делайте песочницу, по возможности, на jsfiddle.net с вашим кодом, чтобы было видно, что именно не получается

Делаю иконочный шрифт но не все svg файлы показываются. Как исправить?

Queen2, прекрасно живёт в отдельном файле

Делаю иконочный шрифт но не все svg файлы показываются. Как исправить?

Может, они белые?

Да и зачем иконочный шрифт, когда в современном мире есть svg спрайты.

Как задать маску в виде изображения для картинки в html/css?

Илья Ломаев,

И это я смог реализовать, но уменьшить маску при адаптиве не получалось
Написано 9 минут назад

Так выкладывайте, что не получилось в песочницу.

Возможно, вам сюда https://yoksel.github.io/relative-clip-path/

Как задать маску в виде изображения для картинки в html/css?

andand44, а ещё лучше так

<div class="test" style="--bgi: url(https://via.placeholder.com/200x80/)"></div>

.test {
background-image: var(--bgi)
}

Для маски clip-path, но вы уверены, что это не просто повернутый блок, а именно маска с вырезами по середине и что это подойдет для любой фото?