We're highlighting up-and-coming features or libraries we think you should know about.
Feature Highlight: Customizable Select
Customizable Select may not currently be widely supported, yet it's a feature worth knowing about. While only used by 7.1% of respondents, 89% of developers who have used it report a positive experience.
And given that the <select/> element has always been a challenge to style, being able to finally customize it to your needs without resorting to JavaScript-based hacks is a welcome improvement!
セクションにリンクForms Experience & Sentiment
Surprisingly, <input type="color"/> was the most used form-related feature this year, with 41.8% of respondents reporting having used it.
But when looking at positive sentiment, basic UI building blocks like autocomplete (<datalist>) and dropdowns (Customizable Select) top the rankings, showing that developers value features that are customizable and can be tailored to their needs.
グループ化:
ソート基準:
<input type="color" alpha><input type="color" colorspace="display-p3">Experience
- <span aria-hidden="true">🤓</span> 使ったことがある: Respondents who have used an item.
- <span aria-hidden="true">👀</span> 知っている: Respondents who have heard about an item, but haven't used it.
- <span aria-hidden="true">🤷</span> 知らない: Respondents who have never heard about an item.
Sentiment
- Positive: Respondents who are interested in learning more about a technology; or are willing to use it again.
- Neutral: Responents who did not indicate any sentiment about a technology.
- Negative: Respondents who are not interested in learning more about a technology; or have used it and had a negative experience.
セクションにリンクフォームの問題点
Styling & customization of default form control UI elements remains a big stumbling block, with nearly half of pain points being about it.
Form validation is also a problem, especially when it comes to more advanced use cases like validating one field's value based on another.