jay-esのブックマーク - はてなブックマーク

Designing better target sizes
Intro As a user, you need to interact with clickable UI elements like buttons, links, cards, and more. If an action has a small target size, it will be harder for the user to click, or they might click an adjacent action element by mistake. Let’s take a look at the following example.
jay-es 2024/01/21
][a11y][あとで読む]

UI-design
リンク
CSS container queries are finally here
I can’t contain my excit ement while writing the first few words for this article. Ladies and gentlemen, CSS container queries are finally here! Yes, you read that right. They’re currently supported in Google Chrome (105) and soon in Safari 16. This is a huge milestone for web development. For me, I see it just like when we started building responsive websites via media queries, which is a game cha
jay-es 2022/09/07
container queries が Chrome 105 でサポートされるようになった。Safari も次期バージョンの 16 でされる

CSS

container queries
リンク
Say Hello To CSS Container Queries
I haven’t been more excited for a CSS feature like I’m now in the past six years I spent as a front-end developer. The prototype of container queries is now available behind a flag in Chrome Canary. Thanks to efforts from smart people like Miriam Suzanne and other folks. I rem ember seeing a lot of jokes about the support for CSS container queries, but they are finally there. In this article, I wil
jay-es 2021/04/29
`@container` を使うと親要素のサイズによってスタイルを変えられる。親には contain プロパティをつける。いまのところ Chrome Canary の chrome://flags で有効にしないと使えない

CSS

container queries
リンク
1