ブログ記事を書く際、HTMLやJavaScriptを用いた動作のデモをCodePenやCodeSandboxに書いて埋め込むことがある。 ただ、ちょっとしたデモには大げさに感じる場合や外部サービスに依存するとサービス終了のリスクを考慮したい場合がある。この場合、iframeのsrcdocを ...

プログラミング系だと、「機能」の単位を作成して、 後からそれらを挿入して組み立てることが多いです。 これの大きい恩恵として、不具合が発生したときに機能を取り外してバグが発生するかの確認など整備がとても簡単になるんですね。 また、新機能 ...

ログインして、InfoQのすべての体験をアンロックしましょう！お気に入りの著者やトピックの最新情報を入手し、コンテンツと交流し、限定リソースをダウンロードできます。 “AI活用”をキーワードに「AIを使い倒し／使いこなす」企業の最前線をお届けし ...

ネイティブlazy-load（レイジー・ロード）は、JavaScriptのライブラリなしで遅延読み込みを実現できる仕組みだ。画像（imgタグ）またはiframe（iframeタグ）にloading="lazy"属性を追加するだけで実装できる。 「遅延読み込み」とは、ページ表示を高速化しUXを改善 ...

画面を3分割（左、右1、右2）する際の 「frameset」タグから「iframe」タグへの書き換えイメージを記録。。。 「iframe」タグを使うと、「frameset」タグを使うよりも 少しスリムな仕上がりになる（気がする）。 …が、親画面の読込み時に、子画面（右2 ...

有些可以發文或是留言的網站，通常都會開放一定程度的 HTML 元素，並不會完全封死，例如說至少粗體（<b>）與斜體（<i>）這些無害的元素會開放，而有些網站為了支援像是 YouTube 播放器之類的功能，也會支援 iframe 標籤。

IFrame (inline frame) is an HTML element that makes it possible to embed another HTML document inside the main one. It has become one of the most popular ways to embed interactive and multimedia ...