CSS:

Сайт с хорошими паками / сетами иконок, есть как довольно стандартные, так и весьма интересные:

Получить иконку можно в разных форматах:

Также присутствует поиск по ключевым словам.

Ссылка на проект: IconDuck.

Демонстрация простого трюка, который позволяет сделать диалоговое / модельное окно на чистом CSS.

Многие кто только начинает верстать с использованием css flexbox зачастую сталкиваются со "странным поведением блоков", в частности с тем, что justify-content: space-between; не работает

Данный пример основан на css свойстве position: sticky; и так листать можно любые элементы.

Повороты (наклоны) изображений сделаны для визуального оформления и получающаяся куча результат нехитрых манипуляций, код ниже.

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

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

Когда требуется разместить на сайте видео, можно можно использовать HTML 5 тег video. А добавив несколько css стилей, он будет адаптироваться под разные экраны.

Просто памятка с примерном волны в формате SVG.

Итак задача: сделать плитки (карточки с фотографией и заголовками), все они были одного размера (в независимости от размера изображений) и переносились (адаптивность) при изменение размера экрана.

Результат:

- все картинки разного размера.