det.social

0 posts0 participants0 posts today

Grumpy WebsiteBeautiful 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<a href="https://mastodon.online/tags/Amazon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Amazon</a> <a href="https://mastodon.online/tags/Required" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Required</a> <a href="https://mastodon.online/tags/Optional" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Optional</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/Form" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Form</a>

Grumpy WebsiteAttention! You have 1 unread buttonThanks @vanadium23 for the picture<a href="https://mastodon.online/tags/Dropdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Dropdown</a> <a href="https://mastodon.online/tags/Badge" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Badge</a> <a href="https://mastodon.online/tags/Notification" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Notification</a>

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>

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

Grumpy WebsiteDropdowns that take you to a different page...Thanks Fuchen for the video<a href="https://mastodon.online/tags/Dropdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Dropdown</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>

Grumpy WebsiteJeez... Draw some borders (it’s a dropdown)Thanks Fuchen for the video<a href="https://mastodon.online/tags/Dropdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Dropdown</a> <a href="https://mastodon.online/tags/Minimalism" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Minimalism</a> <a href="https://mastodon.online/tags/YouTube" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#YouTube</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?

pablolarah🔷 Custom dropdowns just got a whole lot easier (finally!) by @wesbos.com <a href="https://mastodon.social/tags/dropdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dropdown</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/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://youtu.be/MA9WAHEEfGM" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://youtu.be/MA9WAHEEfGM</a>

pablolarah🍒 The Lowdown on Dropdowns in HTML & CSS by David Darnes @darn.es <a href="https://threads.net/@daviddarnes/" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@daviddarnes</a> at <a href="https://mastodon.social/@zeroheight" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@zeroheight</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/dropdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dropdown</a> <a href="https://zeroheight.com/blog/the-lowdown-on-dropdowns-in-html-css/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://zeroheight.com/blog/the-lowdown-on-dropdowns-in-html-css/</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>

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>

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>

Stefan SpittankEndlich kann man das HTML select vernünftig einsetzen. Okay noch nicht heute, aber testen kann man es schon mal.Und das haben der <a href="https://chaos.social/@holgergp" class="u-url mention">@holgergp</a> und ich in der neuen Folge Papperlapapp getan.Das sieht seeehr vielversprechend aus!<a href="https://youtu.be/e_LSzpjmMXU" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://youtu.be/e_LSzpjmMXU</a><a href="https://det.social/tags/html" class="mention hashtag" rel="tag">#html</a> <a href="https://det.social/tags/css" class="mention hashtag" rel="tag">#css</a> <a href="https://det.social/tags/select" class="mention hashtag" rel="tag">#select</a> <a href="https://det.social/tags/selectmenu" class="mention hashtag" rel="tag">#selectmenu</a> <a href="https://det.social/tags/dropdown" class="mention hashtag" rel="tag">#dropdown</a> <a href="https://det.social/tags/combobox" class="mention hashtag" rel="tag">#combobox</a>

Papperlapapp - Spaß mit {)Habt ihr auch schon einmal verzweifelt versucht ein HTML select zu stylen? Nur um dann doch eine extra Bibliothek einzusetzen? Diese Zeiten sind bald vorbei! In unserer neuen Folge schauen wir uns für euch das neue selectmenu an. <a href="https://det.social/tags/html" class="mention hashtag" rel="tag">#html</a> <a href="https://det.social/tags/css" class="mention hashtag" rel="tag">#css</a> <a href="https://det.social/tags/select" class="mention hashtag" rel="tag">#select</a> <a href="https://det.social/tags/selectmenu" class="mention hashtag" rel="tag">#selectmenu</a> <a href="https://det.social/tags/dropdown" class="mention hashtag" rel="tag">#dropdown</a> <a href="https://det.social/tags/combobox" class="mention hashtag" rel="tag">#combobox</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.

Recent searches

Search options

Administered by:

Server stats:

#dropdown