わたしはページ内検索を普通に使いたい
以前にも少し書いたのですが、ウェブブラウザーで使えるページ内検索による体験が阻害されるのが本当にストレスで、その例を残しておこうと思います。 採用側の気持ちも分かりますので、どうなると皆が幸せになるのか分からないという種類のものなので困ったところです。 省略されたテキストoverflow: hiddenとtext-overflow: ellipsisまたは-webkit-line-clampによってテキストが省略された場合、その省略部分がページ内検索にヒットすると非常に探しづらいです。 特に、グリッドで区切られたアイテムが複数列・複数行で並んでいる際に顕著です。 以前の記事のとおり、わたしはYouTubeでよく遭遇します。 下記のデモは、1000個のアイテムを並べたものです。 このうち、「Red Rose」というワードは12個のアイテムに含まれています。 デモを開いて「Red Rose」で
auto heightなCSS Transitions
要素の高さを0からautoまでCSSでトランジションさせたいと思って色々試してみました。 試した順に書いていきます。 例として横並びのドロップダウンナビゲーションを使います。 こういうのはユーザビリティ的にどうなのとかそういう話は今回の本題じゃないので置いておきます。 動作サンプルとして違いが分かりやすいので選んだだけです。 HTMLは次のようにしました。最小構成だと大体こんな感じになるかと思います。 <nav class="global"> <ul> <li class="dropdown"> <a href="#">Lorem</a> <ul> <li><a href="#">Lorem ipsum dolor sit amet</a></li> <!-- 3つまで繰り返し --> </ul> </li> <li class="dropdown"> <a href="#">Ipsum<
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
