Рано или поздно каждый frontend-разработчик сталкивается со стилями, установленными по умолчанию. Это приносит в проект массу неудобств. Обычно, верстальщик в таком случае начинает волноваться, чувствует себя неуверенно и, занимая свое время поиском решения проблемы, вспоминает всех: от создателей CSS до программистов, мастерящих известные браузеры.

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

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

Итак, мы научились создавать с помощью CSS базовые фигуры, треугольники и шестиугольники. Пришло время освоить еще один достаточно простой трюк, который позволит создать замечательную фигуру - яйцо.

Мы уже умеем рисовать с помощью CSS базовые фигуры и треугольники. Теперь рассмотрим пару способов создания еще одного не менее интересного геометрического объекта - шестиугольника. Как в первом, так и во втором случае неоценимую помощь в создании равностороннего шестиугольника нам окажут псевдо-классы :before и :after.