Lea Verouはクラフトを助けました HTML 2023調査 – 最初は親切です！ HTML、あなたは言いますか？何を尋ねるのですか？ HTMLは、私が迅速に移動するテクノロジーと考えるものではありません。 あると聞いています
I actually do try to keep up with this sort of thing, and I’ll tell ya going through this survey had me clicking that “🤷 Never heard of it” choice quite a bit. Allow me to pick out a few that surprised me.
dateInput.showPicker()。面白いねじれ、Codepenエディター内で試すことはできません。 HTMLInputElement::showPicker() called from cross-origin iframe. エラー。うまくいきます ただし、デバッグモードで。できないと思います 宣言的に しかし、それを開きますよね？できるはずです。contenteditable 属性ですが、リッチな技術フォーマットをオプトアウトできるとは知りませんでした contenteditable="plaintext-only"。 Firefoxはすでに持っていますが、みんなのように見えます。私についてすべてを作るために：ペンのヘッダー領域のUIを考えてください。所有してタイトルの上にホバリングする場合は、小さなアイコンをクリックして編集できます。私たちは使用しません contenteditable 誰かがYahoo！全体をコピーして貼り付けるのではないかと心配しているからですそこにホームページ（冗談、ちょっと）。しかし、豊かなテキストはそこではまったく関係ありません。これは、現在のようにテキストのためにテキストのためにテキストを使用したものに代わる素晴らしい代替品になるでしょう。name 複数の属性
open 一度に、一般的な「アコーディオン」パターン。私はどういうわけか、サファリがこれと一緒に最初にゲートから出るだろうと思った V17、 しかし、私は間違っていました。誰もそれを出荷していませんが、私はそれが好きです。発見するのが少し難しい場合、賢いアイデア。 async そして defer しかし、本質的に反対を行うこれについては知りませんでした： blocking="render"。それは素晴らしいパフォーマンスの特徴ではありませんが、ユーザーが何かを見る前に実際に実行する必要があるJavaScriptを持っている場合（何かを表示してレンダリング後にフロップするのではなく）、これが役立つことがわかります。 Reactを含むバンドルは、これを使用する必要があると思いますか？ import json from './foo.json' assert { type: 'json' }; それは儀式的なフェッチとパースから私を救うので、私は本当に好きです。 CSSバージョンALAについても聞いたことがあります import sheet from './styles.css' assert { type: 'css' }; それにより、これらのスタイルをドキュメントまたは耐性のあるシャドウルートにドンキングすることができます。しかし、私はそのアイデアがhtmlに拡張されていることを知りませんでした import { TabList } from "./tablist.html" with { type: 'html' }; HTMLのその塊の中にあるカスタム要素を簡単に定義できるようになると思いますか？まだ想像できないので、例を見たいです。 focusgroup 属性。私はスミッジを読み上げました、そしてそれはとても面白いです！私がそれを正しく理解していれば、それは基本的にあなたがフォーカス可能な要素のグループを応答させることを可能にします 矢印キー グループ内のナビゲーション。タブをもう一度押すと、フォーカス可能な要素のグループ全体を残します。ラジオボタンのグループのように！しかし、あなたが望むどんなグループでも。 私たちはここのHTMLの土地に深く深く入っていますが、リンクの袋に手を伸ばして、最近保存したHTMLに関連する最も興味深いもののいくつかを共有してください。
HTMLに到着し始めている最も興味深いものの1つはポップオーバーです。 「ポップオーバーはウェブ上のどこにでもあります。」 Una Kravetsがそれらを紹介すると言います。 メニュー、ツールチップ、ボタンドロップダウンなど。これは、他のすべてのUIに座る必要があるUIの少し塊のようなものです。多くの場合、言うよりも簡単です！ CSSのダーニング z-index これまであなたを連れて行くことができます。ネストされたDOMに深い場合、多くの場合、ポップオーバーUIを少し高くすることができず、JavaScriptの操作に頼ってDOMのどこかに移動する必要があります。ネイティブのポップオーバーは、何があっても上にある魔法の高いレンダリングレイヤーに身を張っています。ひどく派手。
私は思うだろう アンカーポジショニング ピーナッツバターとゼリーのようにこれと一緒に行きます。真ん中にポップオーバーを鳴らしただけなら（デフォルトではそうだと思う）…それだけではありません ？幸いなことに、Hidde de Vriesが私たちをここでカバーしています ダイアログとポップオーバーは似ているようです。それらはどのように違うのですか？ 私はできることを望みますが、私は彼の要約よりもうまくできないので：
さて、要約すると： モダリティ コンポーネントは、そのコンポーネントのみを使用できる状態です。何かがモーダルであるとき、他のすべてはそうです 不活性：アクセスから何らかの形でブロックされ、焦点が合い、通常は背景で不明瞭になります。何かモダルを作ることは実質的な決定であり、控えめに使用する必要があります。 ダイアログ モーダルまたは非モーダル（モードレスとも呼ばれます）にすることができます。
popoverSは、トップレイヤーの存在、JSのないトググレアビリティ、ブラウザー提供された光解雇など、特定の動作と特性を備えた非モーダルダイアログを構築する新しい方法として、Open UIによって提案されています。とは異なり、apopover組み込みの役割がありません：開発者として、あなたはpopover意味的に最も関連性の高い要素への属性
あなたは完全にサファリ17を知っています します 持っている？ポップオーバー。貼り付けます それらの例HTML ここで、Safari 17の新しいペンにコピーして貼り付けてテストを受けたい場合は、
Additional Information
Here’s something I wanted to tell you.
Rian Rietveldにちょっと5人 完璧なリンクを作成します。入門コンテンツはどこにでもありますが、良いものを見つけるのは難しいです（これは2021年です）。大量のコードの例ではありません。私にとっては、このような記事を書くのがさらに難しくなります。
私は先日、私がほとんど忘れていたリンク関連のトリックを少し使用しました： download のような属性：
Download Pitch PDFここではデイブには良い点があると思います： マークダウン画像はパターンアンチパターンです。私はいつも言ってきました 画像は難しいです、一部には、あなたが知っていて、置く必要がある属性の数が原因 loading="lazy" 一人で巨大です。 いくつかの Markdownプロセッサは、すべてではなく、Markdown構文で追加の属性を可能にします。ありがたいことに、MarkdownはHTMLをサポートしているので、それを使用してください。
私はあなたを残します HTMLレビュー：
2023年の問題は、デジタル文献と実験のモードにまたがる17の貢献で構成されています。詩的な楽器、インタラクティブなフィクション、イラスト入りのエッセイ、可動性の歌詞、言語庭園、ピクセル化された記憶があります。
Be the first to comment
