Небольшая памятка о том, как используя css grid можно разместить несколько элементов по центру родительского блока.

Примеры небольших, но часто крайне полезных php сниппетов для Битрикса.

Перечень основных терминов и сборник примеров по технологии css grid.

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

Ниже будет пример того, как это можно сделать с использованием css свойств flexbox.

Иногда, особенно при адаптивной верстке, нужно разделить одну линию блоков, с display: flex;, на несколько рядов.

После выхода Font Awesome 5'ой версии, появление PRO, kit и т.д. стало сложно найти прямую ссылку на CDN шрифта. Оставлю тут памятку:

 
<link href="https://use.fontawesome.com/releases/v5.10.2/css/all.css" rel="stylesheet">

Проверка:

 
<i class="fas fa-check"></i>

Также SVG версия:

 
<script defer src="https://use.fontawesome.com/releases/v5.10.2/js/all.js"></script>

Преимущества класса:

• Маленький по размерам.
• Формирует не просто линейку из всех доступных страниц (1,2,3,4,5...88,89,90), а можно указать сколько выводить (3,4,5,6,7).

Недостатки
• Пока формирование внешнего вида можно изменить только изменив класс кода или через наследование.
• Нет "из коробки" стилей для визуального оформления.

Простой но полезный класс для отправки писем с вложениями на php.

Для упрощения работы с cookie в javascript есть хорошая библиотечка:

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

Поэтому ниже простая демонстрация замены таблицы на flexbox.