Frontend разработчик

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

Я частенько пишу про работу CSS, его неизвестные возможности и влияние на доступность. Кажется, этих направлений мало для меня. Теперь я хочу показать техники вёрстки, используемые мной постоянно.


Цель — поделиться опытом с вами. Я использую не только трюки известных экспертов, есть лично мои придумки. Но, пожалуйста, относитесь к этому контенту, как просто альтернативному мнению. Мои техники не являются единственными правильными решениями.


Сегодня я расскажу:
🔵как избавиться от соседнего родственного комбинатора + при реализации нестандартных чекбоксов и радиокнопок;
🔵про свойство inset, сокращающее код на целых три строки;
🔵мой сниппет для расширения интерактивной области у кнопок и ссылок;
стиль написания медиа-запросов, позволяющий сократить количество правил;
🔵альтернативный способ центрирования элемента без свойства transform.

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

👉 @frontend_1

Please open Telegram to view this post

VIEW IN TELEGRAM

👍4👏3😁1👌1

www.tgoop.com/frontend_1/3730

2.35K viewsAug 29, 2024 at 12:52

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

Я частенько пишу про работу CSS, его неизвестные возможности и влияние на доступность. Кажется, этих направлений мало для меня. Теперь я хочу показать техники вёрстки, используемые мной постоянно.


Цель — поделиться опытом с вами. Я использую не только трюки известных экспертов, есть лично мои придумки. Но, пожалуйста, относитесь к этому контенту, как просто альтернативному мнению. Мои техники не являются единственными правильными решениями.


Сегодня я расскажу:
🔵как избавиться от соседнего родственного комбинатора + при реализации нестандартных чекбоксов и радиокнопок;
🔵про свойство inset, сокращающее код на целых три строки;
🔵мой сниппет для расширения интерактивной области у кнопок и ссылок;
стиль написания медиа-запросов, позволяющий сократить количество правил;
🔵альтернативный способ центрирования элемента без свойства transform.

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

👉 @frontend_1