#dropdown — Public Fediverse posts

Telegram invention I haven’t seen anywhere else: right click on a button. Totally undiscoverable, but when you know about it, it’s kinda okay. You don’t use these options often

#Telegram #Button #Dropdown

Telegram invention I haven’t seen anywhere else: right click on a button. Totally undiscoverable, but when you know about it, it’s kinda okay. You don’t use these options often

#Telegram #Button #Dropdown

#Design #Guidelines
Does your form really need a dropdown list? · “Misuse can cause more harm than alternatives.” https://ilo.im/16emjd

_____
#Dropdown #Forms #Accessibility #DesignPatterns #UxDesign #UiDesign #WebDesign #Development #WebDev #Frontend

#Design #Guidelines
Does your form really need a dropdown list? · “Misuse can cause more harm than alternatives.” https://ilo.im/16emjd

_____
#Dropdown #Forms #Accessibility #DesignPatterns #UxDesign #UiDesign #WebDesign #Development #WebDev #Frontend

1. I see a control (chevron in this case)
2. I start moving my mouse towards it, planning to use
3. I finally reach it. It was hard, because it is small

So why, at the moment when I finally there, would you replace it with an entirely different one? What do you think I was moving towards? How am I supposed to know?

Thanks Michaela for the video

#Dropdown #Hover #Zoom

1. I see a control (chevron in this case)
2. I start moving my mouse towards it, planning to use
3. I finally reach it. It was hard, because it is small

So why, at the moment when I finally there, would you replace it with an entirely different one? What do you think I was moving towards? How am I supposed to know?

Thanks Michaela for the video

#Dropdown #Hover #Zoom

Text to TextMesh Pro Upgrade Tool #Textmeshpro #Upgrade #Text #Inputfield #Dropdown #Textmesh #Gui #Unity #AssetStore

https://u3dn.com/packages/text-to-textmesh-pro-upgrade-tool-176732

FE-разработчики, перестаньте буквально воспринимать дизайн

50 итераций колесом мыши, чтобы просмотреть содержимое одного выпадающего списка. Это не баг — это фича Хабра и десятков других сайтов.

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

#UX_антипаттерн #dropdown #выпадающий_список #pixel_perfect #select #юзабилити #UI_дизайн #фронтенд #интерактивные_элементы #Хабр_UX

Ah, the joys of web dev innovation: take a perfectly functional select element and transform it into a monstrous Frankenstein's monster of whimsy and #chaos. 🎨🔧 Because, clearly, what the internet needs is more "excitement" in the form of #dropdown menus that would give even a seasoned coder an existential crisis. 🙄
https://css-tricks.com/abusing-customizable-selects/ #webdev #innovation #coding #humor #existentialcrisis #HackerNews #ngated

Ah, the joys of web dev innovation: take a perfectly functional select element and transform it into a monstrous Frankenstein's monster of whimsy and #chaos. 🎨🔧 Because, clearly, what the internet needs is more "excitement" in the form of #dropdown menus that would give even a seasoned coder an existential crisis. 🙄
https://css-tricks.com/abusing-customizable-selects/ #webdev #innovation #coding #humor #existentialcrisis #HackerNews #ngated

The whole block could’ve been a single dropdown

#Apple #Dropdown #AppleStore

The whole block could’ve been a single dropdown

#Apple #Dropdown #AppleStore

Where to hide date sorting? Well, in a paginator component, of course.

Thanks @Margolin for reporting this

#Google #Gmail #Dropdown #Sorting #Pagination

Where to hide date sorting? Well, in a paginator component, of course.

Thanks @Margolin for reporting this

#Google #Gmail #Dropdown #Sorting #Pagination

How many ellipses do you want?

Thanks Black Asthesky for the picture

#Ellipsis #Dropdown #SharePoint

How many ellipses do you want?

Thanks Black Asthesky for the picture

#Ellipsis #Dropdown #SharePoint

JavaScript: заметка об Anchor Positioning API

Привет, друзья! В этой небольшой статье мы вместе с вами немного пощупаем новый Web API - Anchor Positioning . Anchor Positioning API предоставляет новые возможности для связывания элементов между собой. Одни элементы являются якорями (якорными, anchor elements), другие - позиционируемыми относительно якорей (закрепленными, anchor-positioned elements). Размер и положение позиционируемого элемента может определяться размером и положением якорного элемента. Кроме того, с помощью CSS можно: определять альтернативные позиции закрепленного элемента, которые будут применяться браузером, например, при выходе такого элемента за пределы экрана определять условия видимости закрепленного элемента, например, скрывать такой элемент при выходе за пределы экрана На сегодняшний день этот API поддерживается всеми основными браузерами (в Safari пока только в качестве экспериментальной возможности).

https://habr.com/ru/companies/timeweb/articles/979180/

#web_api #css #html #anchor_positioning_api #anchor #tooltip #dropdown #якорь #тултип #дропдаун

Beautiful form design by all means:

- “Required” dropdown in which you can select “I prefer not to respond”
- Asking for details when you choose not to give a reason

#Amazon #Required #Optional #Dropdown #Form

Beautiful form design by all means:

- “Required” dropdown in which you can select “I prefer not to respond”
- Asking for details when you choose not to give a reason

#Amazon #Required #Optional #Dropdown #Form

Attention! You have 1 unread button

Thanks @vanadium23 for the picture

#Dropdown #Badge #Notification

Attention! You have 1 unread button

Thanks @vanadium23 for the picture

#Dropdown #Badge #Notification

Dude, a switch makes for a terrible dropdown control

Thanks @HID_DEVICE for the video

#Telegram #Switch #Dropdown #Affordance

Dude, a switch makes for a terrible dropdown control

Thanks @HID_DEVICE for the video

#Telegram #Switch #Dropdown #Affordance

Profile is a link. Wolt+ is a submenu. Language is a dropdown menu. Contact Support is a link again. Log out is a button.

Welcome to 2025, where nothing has affordances and everything can look like anything else.

#Wolt #Button #Link #Dropdown #Affordance

Profile is a link. Wolt+ is a submenu. Language is a dropdown menu. Contact Support is a link again. Log out is a button.

Welcome to 2025, where nothing has affordances and everything can look like anything else.

#Wolt #Button #Link #Dropdown #Affordance

If you implement a dropdown menu, make ONE and shove everything into it. No one will remember how you decided to split it between four dropdowns.

Thanks Joe for the video

#AzureDevOps #Microsoft #Dropdown

If you implement a dropdown menu, make ONE and shove everything into it. No one will remember how you decided to split it between four dropdowns.

Thanks Joe for the video

#AzureDevOps #Microsoft #Dropdown

Dropdowns that take you to a different page...

Thanks Fuchen for the video

#Dropdown

Dropdowns that take you to a different page...

Thanks Fuchen for the video

#Dropdown

Made this a couple of years ago on @codepen but for some reason never shared it: a hopefully accessible base for a smooth elastic dropdown https://codepen.io/thebabydino/pen/qBJENKM

Based on a thing at a now dead link which did something of the kind with a huge div soup.

#css #js #a11y #dropdown #coding #code #web #dev #webDev #webDevelopment #frontend

Made this a couple of years ago on @codepen but for some reason never shared it: a hopefully accessible base for a smooth elastic dropdown https://codepen.io/thebabydino/pen/qBJENKM

Based on a thing at a now dead link which did something of the kind with a huge div soup.

#css #js #a11y #dropdown #coding #code #web #dev #webDev #webDevelopment #frontend

Jeez... Draw some borders (it’s a dropdown)

Thanks Fuchen for the video

#Dropdown #Minimalism #YouTube

Jeez... Draw some borders (it’s a dropdown)

Thanks Fuchen for the video

#Dropdown #Minimalism #YouTube

I am looking for a lightweight #ui #compontent library for #react #nextjs , ideally compatible with #tailwind #tailwindcss only with basic components like #dropdown #dialog #modal #popover #button #checkbox
any tips?

I am looking for a lightweight #ui #compontent library for #react #nextjs , ideally compatible with #tailwind #tailwindcss only with basic components like #dropdown #dialog #modal #popover #button #checkbox
any tips?

Artículo acerca de anchor positioning para posicionar elementos como dropdowns dentro del viewport y que no se salgan con css.
Tether elements to each other with CSS anchor positioning  |  Blog  |  Chrome for Developers.
https://developer.chrome.com/blog/tether-elements-to-each-other-with-css-anchor-positioning ·
#css #dropdown #popover #positioning #scroll

Artículo acerca de anchor positioning para posicionar elementos como dropdowns dentro del viewport y que no se salgan con css.
Tether elements to each other with CSS anchor positioning  |  Blog  |  Chrome for Developers.
https://developer.chrome.com/blog/tether-elements-to-each-other-with-css-anchor-positioning ·
#css #dropdown #popover #positioning #scroll

Artículo acerca de popover API en html para hacer tooltips o dropdowns sólo con html y también con js sencillo.
Future of CSS: Popover API - DEV Community.
https://dev.to/link2twenty/future-of-css-popover-api-3ba0
##html #css #dropdown #modal #popover #tooltip #article

Artículo acerca de popover API en html para hacer tooltips o dropdowns sólo con html y también con js sencillo.
Future of CSS: Popover API - DEV Community.
https://dev.to/link2twenty/future-of-css-popover-api-3ba0
##html #css #dropdown #modal #popover #tooltip #article

Самая сложная директива Taiga UI

Часто необходимо знать, с какой областью страницы взаимодействует пользователь. Например, если вы создаете выпадающее меню, нужно понять, когда его закрывать. Наивная реализация будет просто слушать клики и проверять, произошел ли клик вне элемента выпадающего меню. Но мышь — это не единственный способ взаимодействия, не стоит забывать и про клавиатуру. Кроме того, выпадающее меню может иметь вложенную многоуровневую структуру, что делает простую проверку цели клика проблематичной. В этой статье исследуем директиву ActiveZone — подход, который мы использовали в библиотеке компонентов Taiga UI. Она полагается на два моих любимых инструмента Angular: Dependency Injection и RxJS . Нам понадобится глубокое понимание нативных событий DOM. Как бы ни был далек Angular от чистого JavaScript и DOM, он все равно полагается на старые добрые Web API, поэтому важно качать свои знания и в области ванильного frontend.

https://habr.com/ru/companies/tbank/articles/863842/

#html #dropdown #focus #accessibility #directive #dependency_injection

#Development #Opportunities
CSS anchor positioning is disruptive · “It’s going to unlock some surprising new layouts.” https://ilo.im/160y47

_____
#ModernCSS #Layout #Dropdown #AnchorPositioning #Polyfill #Chrome #Browser #WebDev #CSS

#Development #Opportunities
CSS anchor positioning is disruptive · “It’s going to unlock some surprising new layouts.” https://ilo.im/160y47

_____
#ModernCSS #Layout #Dropdown #AnchorPositioning #Polyfill #Chrome #Browser #WebDev #CSS

Google, please, make up your mind. Does Save button live in the menu or not? I prefer that it doesn’t, but if it does, make it always the case, otherwise I can’t form a habit

#YouTube #Dropdown #WatchLater

Google, please, make up your mind. Does Save button live in the menu or not? I prefer that it doesn’t, but if it does, make it always the case, otherwise I can’t form a habit

#YouTube #Dropdown #WatchLater

Ah yes. The famous UI component, drop... input?

#Figma #Dropdown #TextInput

Ah yes. The famous UI component, drop... input?

#Figma #Dropdown #TextInput

#Development #Techniques
Drop-down menu with modern CSS · CSS now does what once needed tricky scripts https://ilo.im/15zx3d

_____
#ModernCSS #Navigation #Menu #DropDown #Accessibility #WebDev #Frontend #HTML #CSS #Sass

#Development #Techniques
Drop-down menu with modern CSS · CSS now does what once needed tricky scripts https://ilo.im/15zx3d

_____
#ModernCSS #Navigation #Menu #DropDown #Accessibility #WebDev #Frontend #HTML #CSS #Sass

Is it a selection option? Or a nested group? Both!

#Dropdown

Is it a selection option? Or a nested group? Both!

#Dropdown

Декомпозиция — ваша суперсила

Можно долго изучать Angular, оттачивая навыки работы с разными аспектами фреймворка, разбирая паттерны и лучшие практики. Но в конце концов, когда вы станете мастером своего дела, всегда останется умение, которое можно улучшать бесконечно: способность декомпозировать сложные задачи на удобоваримые куски. Это одно из самых важных качеств хорошего архитектора. Если вы чувствуете уверенность в своих знаниях сеньора, я советую вам направить усилия в этом направлении для дальнейшего роста. В статье выберем сложную задачу и разберемся, как подойти к ней учитывая будущую поддержку и расширение возможностей. Я разрабатываю библиотеку компонентов Taiga UI много лет и успел отхватить свою долю ошибок, инсайтов и полезного опыта. Я думаю, хорошим примером для изучения могут послужить выпадашки: всплывающие элементы, такие как дропдауны или подсказки.

https://habr.com/ru/companies/tinkoff/articles/817755/

#dropdown #hint #popover #архитектура #директивы #directives #decomposition #architecture #dependency_injection

#Development #Techniques
Combining CSS :has() and HTML ‘select’ · Conditional styling based on drop down options https://ilo.im/15yqxw

_____
#Menu #DropDown #Form #WebDev #Frontend #HTML #CSS

#Dropdown enjoyers eating good right now ​:chuckling_okuu:​

RE: https://eepy.moe/notes/9s7vbm1uyfkb01bq

In context menu, the whole row should be clickable

#Patreon #Dropdown #Menu

Use case for a #wayland nested compositor: render an arbitrary client into a #quake-like #dropdown #terminal.