#Design #Approaches
Slots in design systems · More flexible components through custom composition https://ilo.im/168a06

_____
#Flexibility #UiComponents #DesignSystems #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend

#Development #Proposals
Zombie styles · Do your CSS files also contain any zombies? https://ilo.im/1687os

_____
#Terminology #Stylesheets #CssDeclarations #CssSpecificity #UiComponents #Frameworks #WebDev #Frontend #HTML #CSS

Kiến tạo mới cùng Cmllia! 🚀 Ngành phát triển frontend & designer, khám phá vinyl thú vị, animation và template chữa cardiac ngân hàng. Giống Pinterest + CodeSandbox nhưng tập trung vào ý tưởng/frontend thực tế. Thêm tag: #Cmllia #Frontend #UIComponents #ThiếtKếWebsite

https://www.reddit.com/r/SideProject/comments/1o5fc7y/ph_launch/

#Development #Announcements
Storybook is going ESM-only · The popular UI builder drops CommonJS support https://ilo.im/16744v

_____
#Storybook #JavaScript #ESM #CommonJS #Frameworks #UiComponents #DesignSystems #WebDev #Frontend

What's the most complex UI component you've built in SwiftUI?

This detailed tutorial walks through creating a custom date range picker component from scratch. Perfect for developers looking to build sophisticated, reusable UI elements that enhance user experience while maintaining clean, testable code architecture.

🔗: https://khorbushko.github.io/article/2025/09/12/date-range-picker.html by Kyryl Horbushko

#SwiftUI #UIComponents #Tutorial

#Design #Guides
Prompting Google Nano Banana · Useful prompts for routine design tasks https://ilo.im/166nnm

_____
#Images #Ideation #Wireframes #UiComponents #AI #Gemini #FlashImage #ProductDesign #UiDesign #WebDesign

#Development #Analyses
Can UI components conform to WCAG? · Why they technically can’t, and why it makes sense https://ilo.im/1663ux

_____
#Accessibility #WCAG #Standards #Conformance #UiComponents #WebComponents #Webpages #WebDev #Frontend

#Development #Reviews
Web Awesome is finally here · “Now we have the best CSS framework on the market.” https://ilo.im/165bqw

_____
#WebAwesome #Shoelace #OpenSource #CSS #Framework #UiComponents #WebComponents #WebAPIs #WebDev #Frontend

🌊 Introducing the Wave Oval Interface Lineal Icon Pack — Free from Iconadda!

#WaveOvalIcons #InterfaceIcons #LinealIcons #UIDesign #MinimalIcons #ModernUI #CleanDesign #VectorIcons #UXDesign #IconPack #FlatDesign #DesignAssets #WebDesign #AppDesign #UIComponents #SmartIcons #IconIllustration #UIElements #UXResources #MobileUI #WebUI #CreativeAssets #DigitalDesign #IconLibrary #LineArtIcons #InterfaceDesign #GraphicDesign #IconSet #DesignInspiration #ModernDesign

https://www.iconadda.com

Hay diseños vistosos, pero que no son implementados porque no consideran la experiencia de usuario. Por ejemplo considero el siguiente componente de botón, vistoso pero poca UX. #ux #ui #uxdesign #uidesign #productdesign #uicomponents #mobile #ios #android #webdesign #react #html #css

El Minimal Design es más de mis gustos. Siempre una buena imagen a la derecha da ese toque. La versión light que hace este Diseñador me agrada más.
#ux #ui #uxdesign #uidesign #productdesign #uicomponents #mobile #ios #android #webdesign #webdevelopment #react #html #css #business #startup

Tips de UI web.
#ux #ui #uxdesign #uidesign #uicomponents #mobile #ios #android #webdesign #webdevelopment #html #css

Diseño para menú lateral.
#ux #ui #uxdesign #uidesign #productdesign #uicomponents #mobile #webdesign #webdevelopment #react #html #css

Las sombras con tipo "raytracing" dan ese plus y esa diferencia.

#ux #ui #uxdesign #uidesign #productdesign #uicomponents #android #webdesign #webdevelopment #html #css

Biblioteca open-source para la vista del puntero del mouse en un sitio web.

Cursify: Personaliza la animación del cursor en tu web
→ cursify.vercel.app

#ux #ui #uxdesign #uidesign #uicomponents #webdesign #webdevelopment #react #html #css

hover sobre iconos.
#ux #ui #uxdesign #uidesign #productdesign #uicomponents #mobile #ios #android #webdesign #webdevelopment #react #html #css #business #startup

Discover how to build a dynamic tabs component using Alpine.js! Enhance your web app's user interface with this interactive feature. #AlpineJS #WebDevelopment #UIComponents

https://stevenroland.com/posts/building-a-dynamic-tabs-component-with-alpinejs

UI- система или хроники Хаоса

Всем доброго времени суток. Давно я что-то ничего не писал, и вот созрел. Предлагаю сегодня поговорить о ui-системе. Зачем она нужна, когда она нужна, что дает, какие минусы имеет и вообще стоит ли ввязываться в это блуд. Я часто слышу на разных конференциях, что панацея от всех болезней в бизнесе — это наличие дизайн-системы (ui-системы). Что, как только вы достигаете ее, то сроки сокращаются в 100500 раз. Что разработчики не хотят открутить голову дизайнерам, и, наоборот, что качество продукта возноситься до небес, и еще много всего восхитительного об этой сущности. Но так ли все это ? Или это просто розовые очки, которые застилают глаза всех причастных к созданию ui-системы в компании и побочка от постоянных нервных срывов, скандалов, поиска компромиссов и просто выгорания? В этой статье я постарался разобраться, а стоит ли игра свеч или как в анекдоте про нюансы. Для начала, чтобы рассуждать, что чем является, нам потребуется разобраться в понятиях и терминах предметной области. UI - kit — это полный набор элементов и компонентов, необходимый для сборки большого однородного продукта. Он включает различные кнопки, иконки, поля для ввода данных и т. д. и позволяет сохранять узнаваемость продукта и доверие пользователей. Так мне сказал поисковик, я спорить не стал. UI component являются основными блоками и элементами для дизайна пользовательского интерфейса. Они предоставляют пользователям способ взаимодействия с вашим веб-сайтом или приложением. Этими компонентами могут являться интерактивный текст и графика, которые сообщат пользователю, что делать дальше.

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

#ui/ux #uikit #frontend #uicomponents

Готовый компонент UI свайп-панели c добавлением scrollView, и других элементов ui. (iOS Swift)

ContainerController компонент пользовательского интерфейса. Это копия свайп-панели из приложения: AppleMaps https://github.com/mrustaa/ContainerController Он может: - Анимировано перемещаться 3 позиции Верх / Середина / Вниз можно настраивать позиции - Добавлять несколько ContainerController (друг на друга) в одном контроллере - Добавлять любой тип ScrollView: TableView / CollectionView / TextView и управлять панелью за счет скрола - Панель управляется жестом или прокруткой (вертикально) - Можно закреплять HeaderView на вверху / и FooterView внизу 1) Добавлять фоновый цвет / прозрачность размытия фона 2) Настраивать окружность углов cornerRadius 3) Настраивать тень контейнера - При поднятии наверх = Можно добавить тень фона позади компонента 1) Можно настраивать левые / правые отступы 2) И настраивать левые / правые отступы для ландшафтного разворота

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

#swift__разработка #swipe #panel #designer #tableview #collection #move #gesture #scrollview #uicomponents

Great article about selection controls in #UIComponents when designing #forms from Taras Bakusevych on #UXCollective https://uxdesign.cc/selection-controls-ui-component-series-3badc0bdb546