Готовимся к вопросам по вёрстке на интервью Frontend-разработчика: «Какие знаешь псевдо-классы?»

За свою карьеру у меня было достаточно много собеседований. Конечно, одной из основных тем вопросов была вёрстка. Немного похвастаюсь. Не было вопроса, на который я не ответил. Недавно у меня появилось желание снова проверить себя и показать сообществу свои ответы на самые популярные вопросы по вёрстке. Может же быть так, что мои ответы были неполными или некорректными. Если это так, то я научусь новому. А если всё хорошо, то они помогут другим людям в подготовке к собеседованию. Кажется, это в любом случае будет полезно. У меня получился достаточно большой список. Он составлен на основе моего опыта, опыта моих знакомых и публично доступных собеседований. Каждый вопрос будет отдельной статьёй. Сегодня я дам ответ на следующий вопрос: «Какие знаешь псевдо-классы?».

https://habr.com/ru/companies/ruvds/articles/864762/

#ruvds_статьи #css #псевдоклассы #интервью #вёрстка #вопросы_и_ответы

[Перевод] CSS-классы вредны

Если вы когда-нибудь заглядывали за кулисы пользовательских веб-интерфейсов, то знаете для чего нужно свойство class . Оно ведь нужно для связи HTML с CSS, правда? Сейчас я расскажу о том, почему настало время отказаться от него. Имена классов — это архаичная система, используемая как неудачный посредник для примитивов UI; ещё хуже то, что они создают ужасные сочетания, приводящие к комбинаторному взрыву странных пограничных случаев. Давайте изучим этот вопрос, начав со скучного урока истории, который вы уже слышали миллион раз.

https://habr.com/ru/companies/ruvds/articles/829926/

#ruvds_переводы #вебдизайн #вёрстка #классы #атрибуты #теги #псевдоклассы #селекторы_css

Магия CSS на практике: советы по вёрстке от гика

Хабр, привет! Я частенько пишу про работу CSS, его неизвестные возможности и влияние на доступность. Кажется, этих направлений мало для меня. Теперь я хочу показать техники вёрстки, используемые мной постоянно. Цель — поделиться опытом с вами. Я использую не только трюки известных экспертов, есть лично мои придумки. Но, пожалуйста, относитесь к этому контенту, как просто альтернативному мнению. Мои техники не являются единственными правильными решениями. Сегодня я расскажу: как избавиться от соседнего родственного комбинатора + при реализации нестандартных чекбоксов и радиокнопок; про свойство inset , сокращающее код на целых три строки; мой сниппет для расширения интерактивной области у кнопок и ссылок; стиль написания медиа-запросов, позволяющий сократить количество правил; альтернативный способ центрирования элемента без свойства transform .

https://habr.com/ru/companies/ruvds/articles/822461/

#ruvds_статьи #css #вёрстка #лайфхаки #чекбоксы #радиокнопки #псевдоклассы #псевдоэлементы #центрирование