Swiperjs - хороший адаптивный слайдер / карусель с множеством настроек и хорошими примерами.

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

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

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

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

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

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

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

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

Красивая галерея Spotlight, думаю рассмотреть ее как замену устаревший и больше не обновляющейся prettyphoto

На полный экран:

После выхода 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).

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