Небольшая памятка о том, как используя css grid можно разместить несколько элементов по центру родительского блока.
Как отцентровать блоки используя css grid
Набор полезных рецептов для Bitrix
Примеры небольших, но часто крайне полезных php сниппетов для Битрикса.
Обзорная статья по CSS Grid
Перечень основных терминов и сборник примеров по технологии 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.
Использование cookies в javascript
Для упрощения работы с cookie в javascript есть хорошая библиотечка:
Замена таблиц на flexbox
Давно на смену табличной верстке пришли другие технологии, но иногда ее еще используют т.к. "под рукой нет простого и понятного примера замены".
Поэтому ниже простая демонстрация замены таблицы на flexbox.