RSSリーダーで機能する脚注

現在、RSSリーダーとしてFeedbinを使用しているので、最近、アプリ内できちんとしたインタラクティブ機能に遭遇しました。脚注であることが判明した数字のボタンのような要素が、ハリーのブログ投稿の1つで私の目を引きました。その上にホバリングすると、対応するメモが明らかになりました。

この脚注のブログ投稿のHTMLは、次のように構成されています。

<p> ...彼らは27.9MBの画像をクリティカルパスに配置することができました。 
以前に非レンダーのブロッキング資産のほぼ30MBが 
脱出ハッチなしで意図的にブロックするものに変わりました。始める 
レンダリング時間は、ケーブル接続で27.1秒でした<sup><a href="https://www.php.cn/link/b22511377f9a12f2c227ef2628933a3d">1</a></sup> 。</p>

https://www.php.cn/link/b22511377f9a12f2c227ef2628933a3d 、および<sup></sup>タグは、脚注リンクの視覚的なキューを提供します。デフォルトのスタイリングは予想通りです。

投稿の端にある脚注のHTMLは次のように見えます。

<div>
  <ol>
<li>
     <p>5MBアップ、1MBダウン、28ms RTT。 <a href="https://www.php.cn/link/a1cae678af59c92bbf86e04d9949aad7">↩</a></p>
    </li>
  </ol>
</div>

ちなみに、ハリーが滑らかなスクロールと賢い:targetスタイリングにscroll-behaviorを利用していることに気付きました。

本質的に、システムは次のとおりです。

1. 脚注にアクセスするためのリンク。
2. 元のテキストへのリンクリンク。

複雑なライブラリは関係ありません。 HTMLを意味するだけです。このアプローチは、ハッシュリンクと要素IDを正しく処理するRSSリーダーで機能する必要があります。

Feedbinのユニークな貢献は、その強化されたUIスタイリングとインタラクティブな要素にあります。検査により、Feedbinが元のマークアップを隠し、カスタム要素に置き換えることが明らかになります。これは、記事の読み込みでトリガーされたJavaScript関数（おそらく「Bigfoot」と呼ばれる）の使用を示唆しています。

この機能は、機能的で基本的なHTML構造に基づいています。さまざまなRSSリーダーでこのマークアップの動作をテストするために、さまざまなプラットフォームを実験し、コメントセクションで読者の応答に関するフィードバックを歓迎します。

Azulは、Michael Kieslingによって作成され、2017年にPlan B Games ¹によって公開された抽象的な戦略ボードゲームであり、2〜4人のプレーヤーをサポートしています。プレイヤーはタイルを集めて5x5ボードを完成させます。タイルは、シングルカラーのすべてのタイルを撮影し、それらを並べて配置し、すべての丸いタイルが主張されるまで交代することによって収集されます。次に、完了した各行から1つのタイルがプレーヤーの5x5ボードに移動し、他のタイルが廃棄されます。スコアリングは、タイルの配置に依存します。ラウンドは、プレイヤーが5x5ボード全体に列を埋めるまで続きます。

1. プランBゲームでは、CenturyやReefなどの著名なタイトルも作成されています。

以上がRSSリーダーで機能する脚注の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。