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

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

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

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

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

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

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

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

Хорошая идея - сделать шрифт, который сам меняет свой размер в зависимости от размера экрана.

Итак, это будет небольшая инструкция по созданию git проекта (в bitbucket), рулить которым будет Phpstorm. И "проблема" с папкой .idea.

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

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

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