![[Перевод] Как понять свойство clip-path в CSS](https://habrastorage.org/webt/er/qx/rq/erqxrqgid-ve7uuzo8xs2d7_3m4.jpeg)
В те далёкие времена, когда я впервые столкнулся со свойством CSS clip-path, мне потребовалось больше времени, чем я ожидал, и я изо всех сил старался запомнить, как работает свойство. Не знаю точно, почему так получилось, но, может быть, потому, что я не пользовался им часто? Во всяком случае, я изучу его снова вместе с вами. В этой статье я стремлюсь дать чёткое, детальное объяснение того, как работает clip-path, когда его использовать и как вы можете воспользоваться им в своих
Подробнее
После очередного увиденного: font-weight: normal; font-family: BrutalType-Bold, sans-serif; я понял, что что-то не так в датском королевстве. Давайте попробуем разобраться, что такое @font-face на самом деле. Разобраться
Подробнее
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →
Подробнее
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →
Подробнее![[Перевод] Искусство компонентов. Пишем карточку контакта Facebook Messenger](https://habrastorage.org/webt/vw/uq/7_/vwuq7_x3nzmpqsu4rxn6boagxdg.jpeg)
Вполне возможно оценить компонент и сказать, что он легко пишется на HTML и CSS. Соглашусь, это легко, когда вы работаете, только чтобы практиковаться, но в реальном проекте всё по-другому. Идеальный адаптивный компонент, который вы только что создали, быстро перестаёт работать, когда сталкивается с реальным контентом настоящего проекта. Почему? Потому, что, пока вы рассуждаете о разработке компонента, вы можете упустить крайние случаи. Сегодня, специально к старту нового потока нашего курса по…
Подробнее
В последнее время всё чаще и чаще возникает вопрос о доступности, если раньше скрытие outline для элементов страницы было общим правилом, то теперь хороший сайт должен иметь outline у элементов, как минимум :focus-visible. Основная проблема outline - это их стилизирование. Я пришел к своему решению, которое изложено в этой статье. Читать далее
Подробнее![[recovery mode] Electron — Разработка Desktop-приложений, используя HTML, CSS и JavaScript](https://habrastorage.org/webt/dq/zx/i1/dqzxi1aqzhvvj92xbedchlinffw.png)
О чем вы узнаете из статьи? Что такое Electron Возможности и ограничения при разработке Как работать с Electron Плюсы и минусы Известные проблемы Вывод Electron — это библиотека, которую можно использовать для написания десктопных приложений с помощью html, css, js. Эти приложения могут быть упакованы под windows, mac, linux. Возможно некоторые из вас уже использовали Electron даже не подозревая об этом! Список некоторых приложений, написанных на Electron Visual Studio Code Atom Skype…
Подробнее![[Перевод] Практика использования спецификации CSS Scroll Snap](https://habrastorage.org/webt/13/3v/zo/133vzoiiui_atluq6p9pymwyyqq.png)
Часто ли у вас возникало желание воспользоваться какой-нибудь возможностью CSS, позволяющей, без лишних усилий, создать элемент-контейнер, поддерживающий прокрутку? CSS, что очень хорошо, даёт нам такую возможность. Я, когда только начинал заниматься фронтенд-разработкой, пользовался для создания прокручиваемых элементов JavaScript-плагинами. Но иногда нужно что-то такое, что позволяет создавать подобные элементы просто и быстро, без привлечения JavaScript. Сделать это можно,
Подробнее
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →
Подробнее
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →
Подробнее
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →
Подробнее![[Перевод] CSS: о выводе коротких и длинных текстов](https://habrastorage.org/webt/zf/ft/xa/zfftxah2r_bvme-o6r1p6wy28_k.jpeg)
Когда, пользуясь возможностями CSS, создают макет страницы, важно учитывать то, что в различных элементах этой страницы могут выводиться короткие и длинные текстовые материалы. Страницы, кроме того, нужно тестировать на предмет того, как они отображают тексты разной длины. Если разработчик чётко понимает то, как обрабатывать различные тексты, выводимые на странице, если он соответствующим образом спроектировал макет, это способно избавить его от множества неприятных неожиданностей. Есть…
Подробнее