画像による Layout Shift が無くなる Web がやって来る - mizdra's blog
はじめに Web では古来より <img> タグを用いて画像を読み込んでいました. しかし <img> タグにはアスペクト比に関する情報を埋め込むための属性が用意されていません. そのため, ブラウザが画像をネットワークから fetch して読み込みが完了するまで, レスポンシブな img 要素の寸法を決定できず, ページにガタツキ (Layout Shift) が生じる問題がありました. この問題を解決するため以前より, アスペクト比を埋め込むための新たな属性の導入が提案されていました. しかし最近議論に動きがあり, 既存の属性を利用する方法が提案され, ブラウザに実装され始めています. ここでは問題の背景, 提案と議論の変遷, そして開発者が取るべき対応について紹介します. はじめに img タグと Layout Shift intrinsicsize 属性 intrinsicsize
土屋泰洋「Oddly Satisfying Videoについての覚え書」 | ÉKRITS / エクリ
Oddly Satisfying Videoとは何か ここ数年、ネットで密かに増殖をし続けているOddly Satisfying Video（あるいはSatisfying Video）と呼ばれる映像群をご存知だろうか。この名前に聞き馴染みがなくても、Oddly Satisfyingな映像は度々目にしたことがあるかもしれない。Oddly Satisfying Videoとは、オンラインビデオのジャンル名のようなもので、「視聴者が心地よいと感じる出来事や特定のアクション」をドキュメントしたスタイルのもの。Wikipediaによれば、典型的な例として「木や泡、スライムといった素材を削ったり、溶かしたり、塗り付けたりするもの」「ドミノ倒し／Rube Goldberg Machine（いわゆるピタゴラ装置）」「手品／隠し芸的なもの」などがあげられている。「なぜかうっとり眺めてしまう動画」あるいは「不
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
