Mathstodon

Grumpy WebsiteDude, a switch makes for a terrible dropdown controlThanks @HID_DEVICE for the video<a href="https://mastodon.online/tags/Telegram" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Telegram</a> <a href="https://mastodon.online/tags/Switch" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Switch</a> <a href="https://mastodon.online/tags/Dropdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Dropdown</a> <a href="https://mastodon.online/tags/Affordance" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Affordance</a>

Grumpy WebsiteProfile 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.<a href="https://mastodon.online/tags/Wolt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Wolt</a> <a href="https://mastodon.online/tags/Button" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Button</a> <a href="https://mastodon.online/tags/Link" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Link</a> <a href="https://mastodon.online/tags/Dropdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Dropdown</a> <a href="https://mastodon.online/tags/Affordance" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Affordance</a>

Ana Tudor 🐯Made this a couple of years ago on <a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@codepen</a> but for some reason never shared it: a hopefully accessible base for a smooth elastic dropdown <a href="https://codepen.io/thebabydino/pen/qBJENKM" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codepen.io/thebabydino/pen/qBJENKM</a>Based on a thing at a now dead link which did something of the kind with a huge div soup.<a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://mastodon.social/tags/js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#js</a> <a href="https://mastodon.social/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#a11y</a> <a href="https://mastodon.social/tags/dropdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dropdown</a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#coding</a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#code</a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dev</a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDev</a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDevelopment</a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#frontend</a>

Jakob MikschI am looking for a lightweight <a href="https://mastodon.social/tags/ui" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ui</a> <a href="https://mastodon.social/tags/compontent" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#compontent</a> library for <a href="https://mastodon.social/tags/react" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#react</a> <a href="https://mastodon.social/tags/nextjs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#nextjs</a> , ideally compatible with <a href="https://mastodon.social/tags/tailwind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#tailwind</a> <a href="https://mastodon.social/tags/tailwindcss" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#tailwindcss</a> only with basic components like <a href="https://mastodon.social/tags/dropdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dropdown</a> <a href="https://mastodon.social/tags/dialog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dialog</a> <a href="https://mastodon.social/tags/modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#modal</a> <a href="https://mastodon.social/tags/popover" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#popover</a> <a href="https://mastodon.social/tags/button" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#button</a> <a href="https://mastodon.social/tags/checkbox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#checkbox</a> any tips?

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Opportunities" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Opportunities</a> CSS anchor positioning is disruptive · “It’s going to unlock some surprising new layouts.” <a href="https://ilo.im/160y47" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/160y47</a>_____ <a href="https://mastodon.social/tags/ModernCSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ModernCSS</a> <a href="https://mastodon.social/tags/Layout" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Layout</a> <a href="https://mastodon.social/tags/Dropdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Dropdown</a> <a href="https://mastodon.social/tags/AnchorPositioning" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#AnchorPositioning</a> <a href="https://mastodon.social/tags/Polyfill" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Polyfill</a> <a href="https://mastodon.social/tags/Chrome" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Chrome</a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Browser</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a>

Grumpy WebsiteGoogle, 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<a href="https://mastodon.online/tags/YouTube" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#YouTube</a> <a href="https://mastodon.online/tags/Dropdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Dropdown</a> <a href="https://mastodon.online/tags/WatchLater" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WatchLater</a>

Kevin Karhan :verified:<a href="https://beige.party/@purplepadma" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@purplepadma</a> why is there a fucking <a href="https://infosec.space/tags/Dropdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Dropdown</a> and not a free-form field?<ul><li>Next thing we see dropdowns for names and if one's one of the <0,5% most common it's fucked! </li></ul><a href="https://infosec.space/tags/Enshittification" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Enshittification</a> <a href="https://infosec.space/tags/Forms" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Forms</a> <a href="https://infosec.space/tags/Titles" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Titles</a> <a href="https://infosec.space/tags/Pronouns" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Pronouns</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Techniques</a> Drop-down menu with modern CSS · CSS now does what once needed tricky scripts <a href="https://ilo.im/15zx3d" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/15zx3d</a>_____ <a href="https://mastodon.social/tags/ModernCSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ModernCSS</a> <a href="https://mastodon.social/tags/Navigation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Navigation</a> <a href="https://mastodon.social/tags/Menu" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Menu</a> <a href="https://mastodon.social/tags/DropDown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DropDown</a> <a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Accessibility</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/Sass" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Sass</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Techniques</a> Combining CSS :has() and HTML ‘select’ · Conditional styling based on drop down options <a href="https://ilo.im/15yqxw" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/15yqxw</a>_____ <a href="https://mastodon.social/tags/Menu" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Menu</a> <a href="https://mastodon.social/tags/DropDown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DropDown</a> <a href="https://mastodon.social/tags/Form" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Form</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a>

Hugo 雨果Use case for a <a href="https://fosstodon.org/tags/wayland" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#wayland</a> nested compositor: render an arbitrary client into a <a href="https://fosstodon.org/tags/quake" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#quake</a>-like <a href="https://fosstodon.org/tags/dropdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dropdown</a> <a href="https://fosstodon.org/tags/terminal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#terminal</a>.

Grumpy WebsiteMenu on hover: bad idea. User should have a freedom of moving their mouse without fear of triggering anything. It’s a basic human right.<a href="https://mastodon.online/tags/Vimeo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Vimeo</a> <a href="https://mastodon.online/tags/Menu" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Menu</a> <a href="https://mastodon.online/tags/Dropdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Dropdown</a> <a href="https://mastodon.online/tags/Hover" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Hover</a>

Grumpy WebsiteFirst: dropdowns can scroll. You don’t need to help them by limiting the amount of choices. Especially dates in the pastSecond: please, I beg you, indicate somehow that controls are clickable<a href="https://mastodon.online/tags/Invisible" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Invisible</a> <a href="https://mastodon.online/tags/Dropdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Dropdown</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Techniques</a> Menus, toasts and more · Simpler UI components with the popover attribute <a href="https://ilo.im/15y5sg" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/15y5sg</a>_____ <a href="https://mastodon.social/tags/Menu" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Menu</a> <a href="https://mastodon.social/tags/Toast" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Toast</a> <a href="https://mastodon.social/tags/Tooltip" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Tooltip</a> <a href="https://mastodon.social/tags/Dropdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Dropdown</a> <a href="https://mastodon.social/tags/Combobox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Combobox</a> <a href="https://mastodon.social/tags/Popover" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Popover</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a>

Garry KeenorAnyone out there know how to lock an <a href="https://mas.to/tags/excel" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#excel</a> <a href="https://mas.to/tags/dropdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dropdown</a> created using data validation, using <a href="https://mas.to/tags/vba" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#vba</a>? i.e. prevent a user from expanding the dropdown and selecting a new value

GNU/Linux.chDrop-Down Terminal auch für XFCEEinrichten eines Drop-down Terminals unter XFCE. <a href="https://social.anoxinon.de/tags/terminal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#terminal</a> <a href="https://social.anoxinon.de/tags/Xfce" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Xfce</a> <a href="https://social.anoxinon.de/tags/Dropdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Dropdown</a> <a href="https://social.anoxinon.de/tags/Linux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Linux</a><a href="https://gnulinux.ch/drop-down-terminal-auch-fuer-xfce" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://gnulinux.ch/drop-down-terminal-auch-fuer-xfce</a>

GNU/Linux.chddterm - Ein Drop Down TerminalWer das Terminal effektiv nutzen möchte, kann ein Drop Down Terminal ausprobieren. <a href="https://social.anoxinon.de/tags/Terminal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Terminal</a> <a href="https://social.anoxinon.de/tags/ddterm" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ddterm</a> <a href="https://social.anoxinon.de/tags/Guake" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Guake</a> <a href="https://social.anoxinon.de/tags/Dropdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Dropdown</a> <a href="https://social.anoxinon.de/tags/Linux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Linux</a><a href="https://gnulinux.ch/ddterm-ein-drop-down-terminal" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://gnulinux.ch/ddterm-ein-drop-down-terminal</a>

Melanie StefanHeute in “Fun with Dropdowns”: Wo liegt eigentlich Österreich (alphabetisch)? Side quest: Wallisisch oder Wallisisch? Which one are you?<a href="https://mastodon.scot/tags/dropdownhell" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dropdownhell</a> <a href="https://mastodon.scot/tags/uidesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#uidesign</a> <a href="https://mastodon.scot/tags/baddesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#baddesign</a> <a href="https://mastodon.scot/tags/dropdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dropdown</a> <a href="https://mastodon.scot/tags/endegutallesgut" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#endegutallesgut</a>

el flojo (DenkfabrikBlog)<a href="https://chaos.social/@drazraeltod" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@drazraeltod</a> Boah, <a href="https://social.cologne/tags/Dropdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Dropdown</a>, ey. Als User sind Dropdowns mit genau einer Option ja mein Endgegner. Könnte jedesmal die Kiste ausm Fenster werfen. Und die Software, mit der ich arbeiten muss, macht das gerne.

CegorachEine der größten <a href="https://chaos.social/tags/IT" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#IT</a>-Eseleien bleibt das Standard-<a href="https://chaos.social/tags/Dropdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Dropdown</a>/#Select-FeldDas sollte IMMER eine Option für "other" haben, welche man als Entwickler aktiv ausschalten muss.Idealenfalls wird das Feld dann ohne Größenänderung zum Eingabefeld (damit weniger Leute des Designs wegen versucht sind das abzuschalten)Die Fälle in denen man WIRKLICH keine "anderes"-Option anbieten sollte, sind an einer Hand abzuzählen.

Jullesmy ass like a <a href="https://snouts.online/tags/dropdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dropdown</a> menu

Recent searches

Search options

Administered by:

Server stats:

#dropdown