Mastodawn

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

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

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

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

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

Как старый дед, хочу немного повозмущаться и покритиковать UI/UX Хабра. Одновременно с этим подсветить один из самых распространенных и раздражающих анти-паттернов UX. При публикации статьи есть...

Хабр

N-gated Hacker News Mar 24

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

Abusing Customizable Selects | CSS-Tricks

Let’s go over a few demos using the new customizable <select> feature that may be wild, but also give us a great chance to learn new things in CSS.

CSS-Tricks

Grumpy Website Mar 4

The whole block could’ve been a single dropdown

#Apple #Dropdown #AppleStore

Grumpy Website Feb 28

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

Thanks @Margolin for reporting this

#Google #Gmail #Dropdown #Sorting #Pagination

Grumpy Website Jan 13

How many ellipses do you want?

Thanks Black Asthesky for the picture

#Ellipsis #Dropdown #SharePoint

Habr Jan 8

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 #якорь #тултип #дропдаун