Когда мы разрабатываем веб-страницу — будь то лендинг, блог или портфолио — первое, что приходит в голову при добавлении интерактивности, это JavaScript. Например, вы хотите, чтобы по нажатию кнопки “Подробнее” раскрывался скрытый текст. И сразу же рука тянется к JavaScript — ведь именно он, казалось бы, отвечает за поведение элементов. Но… что, если я скажу, что весь этот функционал можно реализовать исключительно с помощью CSS? Да, звучит необычно, но CSS — это не просто про цвета и отступы. Он умеет гораздо больше, чем многие думают...

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