Свой NavigationBar на iOS: large title, поиск и списки на Texture

Разбор того, как отказаться от системного UINavigationBar и собрать собственный навигационный бар на обычном UIView: с коллапсирующим large title как у Apple, встроенной строкой поиска и произвольными панелями под заголовком — и так, чтобы он работал и с UITableView, и со списками на Texture (AsyncDisplayKit). Внутри — устройство компонента и честный разбор компромиссов из реального продакшена.

https://habr.com/ru/articles/1049644/

#iOS #Swift #UIKit #UINavigationBar #AsyncDisplayKit #Texture #KVO

After WWDC 26, iPhone apps can run in resizable environments.
horizontalSizeClass is still reliable, but it is no longer a width sensor.

I wrote about how Apple’s layout model is shifting from device type to available space.

#SwiftUI #UIKit #WWDC26

https://fatbobman.com/en/posts/from-size-class-to-available-space/

Мультиверсионный UI-кит с RWC: один JS-API для разных веб-компонентов

Замена одной кнопки не должна тянуть за собой весь React. В RWC — не тянет. Каждый компонент RWC — самостоятельный Custom Element. Он не зависит от рантайма хоста и работает внутри React-дерева, Angular-приложения или чистого HTML. Поэтому старый React-компонент и новая RWC-кнопка живут на одной странице одновременно. На практике: UI-кит мигрируется покомпонентно, по одному виджету за спринт. Без feature-freeze, без второго рантайма фреймворка и параллельной сборки ради сосуществования версий. Единица изоляции здесь — сам компонент, а не application runtime.

https://habr.com/ru/articles/1048416/

#javascript #typescript #custom_elements #web_components #signal #uikit

It's hard to capture since this does not even show up in macOS HDR screenshots, but it looks like iOS buttons do not have any HDR treatment, making them look totally flat with just a gray outline.

Going by the marketing material, that might change and I hope so. The buttons looks soooo good on macOS with HDR highlights making them pop off the screen. #UIKit #SwiftUI

Назад в будущее UI-kit: как мы перевели живую библиотеку на дизайн-токены и ничего не сломали

UI-kit, которым пользуются несколько продуктовых команд, нельзя просто отправить в будущее и переписать под новый дизайн. За ним тянется прошлое: старые CSS-переменные, публичный API, кастомизации у потребителей и независимые релизные циклы. При этом бренд уже меняется, дизайнеры приносят новую палитру, типографику, motion, скругления и тёмную тему и всё это нужно аккуратно посадить на компоненты, которые продолжают работать в продакшене. Привет, Хабр! Меня зовут Амир, я Senior Vue.js Frontend Developer в экосистеме Лукоморье . Уже шесть лет я развиваю фронтенд большой внутренней ERP-платформы, в том числе внутренний UI-kit: около 50 компонентов на Vue 3 и TypeScript, которыми пользуются несколько продуктовых команд в Ростелекоме. В этой статье расскажу, как мы устроили для UI-kit такое «назад в будущее»: в одной долгоживущей ветке sova провели редизайн поверх работающих компонентов, сохранили публичный API для команд-потребителей и перевели визуальный слой на новую архитектуру. Мы внедрили 3-tier-систему дизайн-токенов, собрали pipeline на Style Dictionary и Tokens Studio for Figma, оставили старые CSS-переменные через legacy-алиасы, а заодно закрыли несколько долгов библиотеки: типизацию шаблонов, встроенный SVG-спрайт на 816 иконок, утилиту темизации и вынос runtime-зависимостей с сокращением бандла с 940 до 150 КБ. Материал будет полезен инженерам дизайн-систем, фронтенд-архитекторам и тимлидам, которые поддерживают UI-kit для нескольких продуктовых команд и думают, как провести редизайн без поломки потребителей. Внутри — код, архитектурные решения, компромиссы и честные выводы по итогам миграции.

https://habr.com/ru/companies/lukit_ru/articles/1046493/

#uikit #дизайнтокены #лукоморье #фронтенд #фронтендразработка #фронтенд_разработка #фронтэнд_javascript #vuejs #vuejs #javascript

Extend UI – open-source UI kit for modern document apps

https://www.extend.ai/ui

#HackerNews #OpenSource #UIkit #DocumentApps #ModernDesign