Можно ли свойством columns/-count/-fill/ сделать такой перенос?

Это уже не через CSS. Там нет опции переполнения по определенному количеству.

Проверяете ли вы верстку в браузерах сафари, если верстаете с винды в 2019?

Федя, на работе на Ryzen'ах достаточно спокойно виртуальные машины с Linux и MacOS работают.

Проверяете ли вы верстку в браузерах сафари, если верстаете с винды в 2019?

Федя, MacBook, либо виртуалка, либо BrowserStack.

Проверяете ли вы верстку в браузерах сафари, если верстаете с винды в 2019?

Да. Ясен пень, что нужно.

Как лучше отобразить таблицу 360х360 (129 600 элементов)?

Даниил Попов, таблицу вы не сможете оптимизировать. Выше и ниже что-то интересное прислали.

P. S. Блоки несравнимо производительнее таблиц.

Не отображаются шрифты на сайте, что делать?

Держите в курсе.

Скрываем меню при клике на другую область?

L1nw0od, да по сути то же самое. Просто фон у этого блока у вас будет полностью прозрачный :))

Можно ли "запретить" теням накладываться друг на друга?

KononovD, нет. Вам нужно тень делать на отдельный блок с абсолютным позиционированием и с помощью JS считать высоту.

Почему правило с important не переопределяет встроенный стиль?

AfterGen, наследование не срабатывает, потому что вы inline для div'а перезаписали стили. А !important у свойства родителя не наследуется потомками, наследуется только значение свойства (если оно наследуемое).

Поэтому вы не можете так перебить приоритет.

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

slave, да я дурак, что ли? Нет, конечно.

(Наверное.)

Насколько удобен линукс для верстальщика?

raiboon, я про десктопы. А рендеринг шрифтов в Linux (Ubuntu тот же самый) сильно отличается от Windows.

Я встречался с вопросами касательно этого слишком часто. Особенно когда заказчик смотрит на MacOS, а потом у кого-нибудь на Windows.

Ну и уникальные баги сборок под разные ОС тоже никто не отменял (например, недавний баг в Chrome 69 под MacOS с flex-grow, которого не было на Windows).

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

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

Это как доп. защита от человеческой ошибки, смотри:
https://jsfiddle.net/m1e9ckyg/show

Всё работает, даже потому что нет наложения диапазонов, поэтому иерархия может быть нарушена.

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

Кроссбраузерная библиотека ленивой загрузки изображений на сайте?

Алексей Попов, 11 тысяч звёзд на GitHub:



Это же самая популярная библиотека для этого.

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

sorry_i_noob, это не я такой умный и придумал такую схему. Я прочитал про неё ещё давно на Medium, потом увидел в работе на разных сайтах сервисов Google, на сайте Stripe и на большом количестве других крупных сайтов.

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

sorry_i_noob, да. В противном случае у вас будет наслоение диапазонов.

Например, тут сработают оба медиазапроса при ширине viewport 767px.

@media (max-width: 767px) {

}

@media (min-width: 767px) {

}

Соответственно, из второго запроса подтянутся те стили, которые вам не нужны. А оно вам надо?

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

sorry_i_noob, если найдёте вот тут стык, где не работает, то можно выписывать медаль:
https://jsfiddle.net/Lmzh9psk/show

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

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

sorry_i_noob, вы боитесь или знаете? :))

Масштабирование системы увеличивает viewport, проблем в этом нет. С учётом отсутствия пропуска значений viewport, не будет и проблем с медизапросами.

Если будете по моей схеме — нет, не обязательно.

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

Типа так тоже всё будет работать, потому что совпадений не будет, даже с косым порядком:

@media (min-width: 1200px) {

}

@media (max-width: 767px) {

}

@media (min-width: 1024px) and (max-width: 1199px) {

}

@media (min-width: 768px) and (max-width: 1023px) {

}

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

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

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

sorry_i_noob, более того, при чём тут количество браузеров на мобильных, когда мы про медиазпросы?