Дизайн-токен

Какую самую неудобную форму ввода вы видели? Миша Саидов сделал набор отвратительных полей для ввода номера телефона. Примеры точно вас удивят и заставят посмеяться. fun.mishasaidov.com/...dux

Веб-сайт проекта, который инвестирует в синтетическую реальность. BITKRAFT Ventures объединяет спонсоров и создателей видеоигр. Дизайн ресурса продуман до мелочей. Все служит для того, чтобы передать атмосферу виртуального пространства. URL: bitkraft.vc

Еще одна новость про браузеры и нейросети. В Siri скоро появится новая фича. SiriSummarization будет делать сводки по тексту и отвечать пользователям на вопросы. Функция будет доступна в IOS 18.

В Arc Browser появилась интересная функция «Browse for Me». Если ввести запрос и нажать на нее, браузер соберет и структурирует информацию в формате лендинга. Пока функция выдает результат только на английском и очень общо. Мое мнение — ChatGPT справляется с теми же задачами намного лучше. Однако похоже, что за этим будущее поисковых систем. 

Три крупные дизайн-системы в фигме: ◦ Лего Яндекс www.figma.com/...o-0 ◦ VK UI www.figma.com/@vk ◦ Paradigm mail.ru www.figma.com/...i-1

Визуальный концепт Windows 12. К сожалению, это всего лишь неофициальная идея от фаната операционной системы Windows. Понравился UI и то, как эта идея презентована.

Помните материал про кастом-сайз компонент? Вот еще полезная штука на эту тему.  Передо мной встал вопрос о том, как перемещать информацию внутри круговой диаграммы. Допустим, мы создали мастер-компонент. Внутри его копий мы можем управлять кругами, а их значения оказываются неподвижными. И че? И че? И тут опять приходит на помощь автолейаут с его расстоянием между объектами. Создаем два автолейаута:  1) В первом задаем горизонтальное расположение элементов. Объекты прижимаем, например, к левому краю. Закладываем сначала пустой фрейм, затем сам текст. Теперь текст отталкивается по горизонтали от пустого фрейма при увеличении расстояния между объектами. 2) Во втором, как вы уже поняли, мы задаем вертикальное расположение элементов. Кладем пустой фрейм, затем горизонтальный автолейаут со значением. Обоим элементам задаем fill-container по горизонтали.  Теперь мы можем двигать значение по двум осям: X и Y, увеличивая или уменьшая расстояние между объектами в автолейаутах. Пользуйтесь!

Алярм! Мы тут обнаружили одну неточность в zero-пиксель фрейме. Если растягивать компонент с z-px, внутри которого объект большего размера, объект тянется непропорционально зеро-пискелю. То есть, если у нас есть ячейка таблицы, внизу которой стоит бордер, бордер может уехать дальше границ при растягивании. Либо он может стать меньше по ширине, чем само поле. Лечится просто.  1) Определите минимальную ширину или высоту поля, подстройте полоску под этот размер.  2) Общему контенйнеру задайте свойство Clip сontent. Теперь части объектов, выходящие за его границы, скрываются.

О логотипе блога Есть у нас такое устойчивое выражение "вставить костыль" - это нетривиальное решение, которое достигается засчет изворотливости, самодельных изобретений в технической части. Дак вот мой блог о таких решениях в программе Figma. Собственно, логотип - это стилизованный под костыль логотип программы. Такая метафора. Такие пироги. Подписывайтесь на меня на youtube и в telegram, чтобы стать изворотливой и нетривиальной Личностью. :)))