Web:

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

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

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

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

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

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

Красивая галерея 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>

Задача: нужно рисовать линии на канвасе когда пользователь ведет курсор с зажатой левой кнопкой.

И как всегда, обычное дело оказалось не без подводных камней!

При попытке обновить Joomla до 3.10.1 получил предупреждение, что сначала нужно поправить структур БД.

При попытке ее исправить получил ошибку: got error 168 unknown generic error from engine from storage engine

Вроде бы простая задача - изменить размер SVG изображения, пропорционально его ужав, но тут бывают подводные камни.

Столкнулся с очень навороченным логотипом в формате svg, который никак не хотел адаптироваться. Изменение же width и hight, через сss, обрезало у него края.

Потребовалось заменять " на « и ».

Проблема именно в том, что четный и нечетные заменяются на разный символ, поэтому простым использованием функции str_replace проблемы не решить.