Найдите нужную статью о модулях 1С-Битрикс,
настройке и оптимизации
Найдено результатов: 15 по тегам CSS
Зачем отделять разметку от бизнес-логики Публичный слой платформы строится на шаблонах темы и настройках компонентов. Косметику безопаснее вносить там, где не смешиваются запросы к каталогу SKU с дорогостоящими экспериментами глобального CSS. Сопровождение витрины Проверяйте сборку фронтовых ресурсов и ограничения…
Сохраняем доступность через :focus-visible и aria на скрытом input.
Пара приёмов: мягкие mesh‑подложки, двухслойное наложение, держать читаемость текста через контраст.
Чтобы сделать такой popover достаточно одного блока и чистого CSS, это просто и мы покажем вам как.
Разбор задачи Современная верстка сочетает в себе адаптивный дизайн, различные UI киты и системы, основанные на компонентах. Это приводит к тому, что когда мы пишем CSS-код для различных элементов интерфейса, зачастую мы абсолютно не знаем, где данный элемент будет использоваться. Благодаря этому можно упрощать…
Разбор задачи Очень часто возникает задача сделать меню на сайте на всю ширину div’а. Самое простое решение — это сделать фиксированную ширину для каждого пункта, но если в дальнейшем нужно будет добавить еще пункты или текст ссылки будет больше, чем заданная ширина? В такой ситуации можно обойтись простым css, для…
Очень часто нужно выровнять блок или изображение таким образом, чтобы текст был только с одной стороны и не обтекал снизу. Если применить к блоку с датой float:left
Все ни один раз сталкивались с проблемой, когда в контейнере содержатся только элементы с float, будь то div’ы, li или a, то контейнер схлопывается в нулевой, то есть так, как будто в нем нет никакого контенета.
Разбор задачи Очередной замечательный пример верстки на чистом CSS. На этот раз результатом верстки стали различные девайсы от iPhone до iMac и Apple Watch. Подробнее можно посмотреть по ссылке. Источник: https://github.com/picturepan2/devices.css Контент внутри экрана Фактическое «живое» превью стоит на…
Схема селектора Миниатюры ссылками ставят якорь; элемент с совпадающим id становится активным через li:target. Иллюстрации в этом пересказе опущены, но блок разметки оставлен пустышками там, где обычно стоят изображения — так проще дополнить свой медиастек. <div class="cssSlider"> <ul class="slides"> <li…
Разбор задачи Возможности CSS безграничны — уже в который раз убеждаемся в этом на данном примере. Cassidy Williams сверстал очень крутой фотоаппарат на чистом HTML и CSS, что в очередной раз доказывает, что в вебе возможно все! Насладитесь и вы его работой. Переносимость Сниппет тяжёлый для мобильного CPU: упрощают…
Разбор задачи Часто необходимо сделать для сайта или какого то элемента загрузку в фоне и для этого нужно использовать прелоадер, который будет отображать процесс загрузки. Необычный вариант такого прелоадера предложил Julien Benchetrit / Подробнее . Такой прелоадер использует исключительно CSS и ничего более, а…
Обзор направления Подборка демонстрирует, что современным CSS уже можно закрывать задачи интерфейса без дополнительного JS-слоя. В материалах ниже — пересказ идей студии своими словами; подключение в проект всегда сопоставляйте с дизайн-системой шаблона. Разбор задачи Замечания перед выкладкой Правки через…
Селектор div[id^="wait_"] задаёт блоки загрузки при сохранении настроек и работе компонента; кастомный CSS может заменить стандартный индикатор на брендовую анимацию для редакторов.
Срезание устаревших EOT/TTF/SVG из стека форматов, приоритет WOFF2 и WOFF, сжатие пачки начертаний и цепочка local() перед url() для уже установленных гарнитур.