新しい Side Panel API で優れたユーザー エクスペリエンスを設計 | Blog | Chrome for Developers
1 年前、2022 年 5 月に Chrome にサイドパネルが追加されました。これは、ブラウジング中のコンテンツとともにツールを使用できる、新しいコンパニオン サーフェスです。このたび、Chrome 114 以降、ご利用の拡張機能でサイドパネルにコンテンツを表示できるようになったことをお知らせいたします。 選択した単語の定義を表示する辞書の拡張機能。詳しくは、chrome-extensions-samples リポジトリのコードをご覧ください。 ユーザーにとってはメリットがあり、デベロッパーにとっても使いやすい すでに多くのデベロッパーが、サイドバーのようなエクスペリエンスを拡張機能に実装しています。そのため、このサイドバーを標準プラットフォームにできることを嬉しく思います。新しい Side Panel API では、ユーザーがアクセスしているページの横に表示される永続的な UI を提供
これはすごい！ HTMLの新機能、popover属性でポップオーバーがJavaScript無しで簡単に実装できるようになります
先日リリースされたChrome 114でPopover APIがサポートされ、HTMLのpopover属性が使用できるようになりました。 今まではポップオーバーを実装するのにはJavaScriptを使用し、ポップオーバーの開閉・フォーカス・アクセスフックなど面倒でしたが、popover属性で実装すると驚くほど簡単で、さまざまなUIコンポーネントに利用できます。 Introducing the popover API by Una Kravets 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに HTMLのpopover属性とは ポップオーバーのデフォルト、オーバーライド 自動ポップオーバーと手動ポップオーバー popover属性とdialog要素の違い 近日公開予定の便利な2つの機
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News
