Вращение (hover-rotate) картинки при наведении добавляет веб-странице интерактивности и делает её более привлекательной для пользователей. Рассмотрим, как с помощью HTML и CSS реализовать поворот изображения по оси.

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

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

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

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