Светлый статус‑бар на тёмном экране: preferredStatusBarStyle и ключи plist
Переопределяем стиль строки состояния в конкретном контроллере и проверяем глобальные флаги Info.plist.
Поиск по блогу
Найдите нужную статью о модулях 1С-Битрикс,
настройке и оптимизации
Все статьи
BitrixVM виртуальная машина Битрикс
Ускорение Битрикс
SEO Битрикс
Битрикс
Обновления модулей для Битрикс
Unix
Теги:
UI ×
Найдено результатов: 13 по тегам UI
Аватар-значок из первых букв ФИ без загрузки фото профиля
Разбор задачи Берём нормализованные пробелами части имени склеиваем заглавными буквами до двух символов. Если данных нет — fallback «••» или иконку гостя. function renderInitialBadge(fullText) { const shards = fullText.trim().split(/\s+/).filter(Boolean); const pair = shards.slice(0, 2).map((chunk) =>…
Координаты указателя для оверлея подсказок: клиентские и смещение относительно контейнера
Разбор задачи Для простого лейбла рядом с курсором достаточно clientX/Y. Если нужен учёт скролла внутри вложенного блока каталога, вычитаем getBoundingClientRect целевой обёртки. function attachPointerHud(layer) { let ticking = false; layer.addEventListener('mousemove', (ev) => { if (!ticking) {…
Градиенты в интерфейсах 2025: от фона к управляемому светотеневому узору
Пара приёмов: мягкие mesh‑подложки, двухслойное наложение, держать читаемость текста через контраст.
Раздел журнала веб-студии про оформление интерфейса и типографики
Обзор направления Материалы рубрики сконцентрированы на визуальном слое интерфейса: от быстрой подачи контента до решений, где дизайн не мешает вёрстке и загрузке. Ниже — пересказ тезисов своими словами; технические ограничения конкретного шаблона на Битрикс всегда сверяйте с активной темой проекта. Разбор задачи При…
Единицы em для иконок и UI: масштаб от шрифта родителя
Разбор задачи Современная верстка сочетает в себе адаптивный дизайн, различные UI киты и системы, основанные на компонентах. Это приводит к тому, что когда мы пишем CSS-код для различных элементов интерфейса, зачастую мы абсолютно не знаем, где данный элемент будет использоваться. Благодаря этому можно упрощать…
Оболочка iPhone-подобного макета с псевдоэлементами
Разбор задачи Очередной замечательный пример верстки на чистом CSS. На этот раз результатом верстки стали различные девайсы от iPhone до iMac и Apple Watch. Подробнее можно посмотреть по ссылке. Источник: https://github.com/picturepan2/devices.css Контент внутри экрана Фактическое «живое» превью стоит на…
Прелоадер на ключевых кадрах: рамки и блоки без JavaScript
Разбор задачи Часто необходимо сделать для сайта или какого то элемента загрузку в фоне и для этого нужно использовать прелоадер, который будет отображать процесс загрузки. Необычный вариант такого прелоадера предложил Julien Benchetrit / Подробнее . Такой прелоадер использует исключительно CSS и ничего более, а…
Компактный лайтбокс для админки на Bitrix JS API
Зачем собственный лайтбокс на BX API Тяжёлые плагины тянут лишние зависимости и плохо вписываются в административную оболочку. Небольшой сценарий на BX.ready создаёт оверлей, центрирует изображение средствами CSS и использует знакомые хелперы BX.findChildren , BX.bind , BX.create , BX.adjust . Разметка Каждый триггер…
BX.CDialog в административном и смешанном UI: параметры окна и жизненный цикл после Close
Init package window через CUtil, окно с удалённым content_url или встроенной строкой, стандартные кнопки save/cancel, кастомные обработчики и события register/close без обязательного уничтожения DOM.
GUI-клиенты для MySQL и MariaDB: что выбрать администратору базы под Битрикс
Краткий обзор десктопных и веб‑инструментов с графическим интерфейсом для работы со схемой каталога, заказов и служебных таблиц 1С‑Битрикс: бесплатные и условно бесплатные варианты, платформы и практические ограничения.
GUID для пользователя Битрикс: колонка EXTERNAL_GUID и триггер для b_user
Зачем отдельный столбец В типовой установке пользователь однозначно определяется числовым ID. Для связки с внешними системами или REST часто нужен неизменяемый ключ в формате GUID. Это не свойство профиля из коробки — разумнее завести отдельное поле в основной строке пользователя. Колонка во входной таблице В MySQL…