fix absolute bottom 0 in IOS safari

Обычно на айфоне если у вас родитель расположен на весь экран, а дочерний элемент использует position: absolute; bottom: 0;, когда видна нижняя панель браузера, дочерний элемент не виден. Что бы это исправить задайте следующий стиль родителю, абсолютно позициированного элемента:
padding-bottom: env(safe-area-inset-bottom);


Максимальное количество строк CSS

Для ограничения кол-ва строк в CSS достаточно использовать следующую конструкцию, и никаких костылей не нужно!

    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    box-orient: vertical;

После применения данного кода блок будет ограничен 2 строками, а далее будет стоять троеточие.



Проблема с переносом строк column-count в CSS

Бывает вы хотите чтобы список выводился в несколько колонок. Для этого обычно используется ul li со стилем column-count: 3;

Но появляется проблема, что последняя строчка становится первой во втором столбике либо наоборот

ЕСТЬ РЕШЕНИЕ! Добавьте к стилям li следующее

break-inside: avoid-column;



GD image problem php 8

Если у вас где-то, например в bitrix'e в компоненте phpthumb не работает GD в PHP 8, то вам нужно в файлах дополнения заменить строки примерно так:

- if (is_resource($image)) {
+ if (is_resource($image) || $image instanceof \GdImage) {