Как понять, ты Boy, Teen или Man в CSS на примере одного бурге | Веб-страница

Как понять, ты Boy, Teen или Man в CSS на примере одного бургер-меню?

Попробуйте «тест Кнута для фронтенда» и узнайте, какой у вас уровень в CSS:

Boy: бургер как Unicode-символ — быстро, но без контроля пропорций и анимаций;
Teen: три div ‑а, flex‑контейнер и полный контроль над геометрией и анимацией;
Man: один псевдоэлемент ::after + box-shadow для трёх полосок, плюс скрытая подпись ради доступности.

В статье можете также посмотреть живые примеры каждого решения, а также как растёт «чистота» разметки и глубина владения CSS.

#css #фронтенд