Когда появляется необходимость сделать анимацию для появляющегося элемента, обычно мы не задумываемся и прибегаем к помощи jQuery.

Как разработчик, занимающийся адаптивной версткой, я часто встречаюсь с двумя проблемами: картинками и дедлайнами. Иногда, по каким-то причинам, изображение не соответствует макету и нет никакого желания загружать свою голову этой проблемой на долгие часы.

Вы когда-нибудь мечтали создать иконку увеличительного стекла, используя только CSS, вместо скучного svg?

Центрирование элемента неопределенной высоты по вертикали относительно родительского блока - частая проблема начинающих разработчиков. Давайте рассмотрим пример, в котором, не прибегая к flex или table, с помощью всего трех строк кода CSS мы сможем центрировать по вертикали элемент неопределенной высоты с любым содержимым относительно родительского блока.

На самом деле создать бриллиант на чистом CSS достаточно просто, особенно, если Вы читали предыдущую статью, в которой мы нарисовали сердце с помощью двух блоков, псевдоэлементов и трансформации - подробно можно прочитать тут.