記事へのコメント37

    • 人気コメント
    • 新着コメント
    ntaoo ntaoo “intrinsicsize”

    2021/02/11 リンク

    その他
    efcl efcl ブラウザのデフォルトスタイルシートに`aspect-ratio`の指定が入ることで、widthとheight属性に値を入れることでLayout Shiftが抑えられることについて ``` img { aspect-ratio: attr(width) / attr(height); } ```

    2020/06/04 リンク

    その他
    kns_1234 kns_1234 “新規の img タグは width/height 属性を付けて書く”

    2020/06/02 リンク

    その他
    rryu rryu レスポンシブしているとwidth/height属性を指定しても無視されるのでガクつくという問題がようやく解決されるのか…

    2020/06/02 リンク

    その他
    lemarc lemarc 良い

    2020/06/02 リンク

    その他
    kzms2 kzms2 色々なことが丁寧に書かれてて素敵です

    2020/06/01 リンク

    その他
    nilab nilab 「ブラウザが画像をダウンロードする前にアスペクト比を知る手段を提供すれば問題を解決できるということです. そこに着目し, 提案されたのが intrinsicsize 属性です」

    2020/06/01 リンク

    その他
    nijitaro nijitaro 結局これは予め画像のサイズが分かってないものに関しては解決にならなくないかな?

    2020/06/01 リンク

    その他
    buhoho buhoho セクシーな仕様

    2020/06/01 リンク

    その他
    Windymelt Windymelt だから画像の読み込みが重いっていう話をしてるんです。 > んなもんブラウザが先読みしとけよ。

    2020/06/01 リンク

    その他
    Knoa Knoa むしろ当たり前すぎる「width / height 属性による解決策」の前に、なんで「intrinsicsize 属性」なんて不可解なものが挟まってしまったんだという感想

    2020/06/01 リンク

    その他
    daruyanagi daruyanagi やろう、やろうと思ってたんだけど、レスポンシブ対応がよくわかんなくて放置してた

    2020/06/01 リンク

    その他
    fukken fukken webの世界の仕様は試行錯誤の歴史だなぁ

    2020/06/01 リンク

    その他
    pinkid77 pinkid77 画像

    2020/06/01 リンク

    その他
    yhachisu yhachisu NHK NEWS WEBは早くこれに対応してくれ。記事からトップページに戻る度にガタガタして位置がずれるせいで使いづらい。

    2020/06/01 リンク

    その他
    yarumato yarumato “レスポンシブなimg要素の寸法はその画像のアスペクト比が必要。CSSのwidth/heightプロパティにより上書きされ無視されていたimgタグのwidth/height属性をアスペクトの算出に利用する提案”

    2020/06/01 リンク

    その他
    ducktoon ducktoon んなもんブラウザが先読みしとけよ。読めばわかる寸法を事前に書くなんてバカバカしい悪習を繰り返すな

    2020/06/01 リンク

    その他
    akahigeg akahigeg 渾身のまとめだ

    2020/06/01 リンク

    その他
    kenko_mania kenko_mania “アスペクト比”

    2020/06/01 リンク

    その他
    ykore52 ykore52 Togetterで誤タップしなくてよくなるのか

    2020/06/01 リンク

    その他
    fujii_yuji fujii_yuji 最近のマークアップとかフロントエンドまわりのこと、どんどん分からなくなってきているけれど、これはとても良いのでは。早く一般的に使われるくらいになったらいいな。

    2020/06/01 リンク

    その他
    Silica Silica でもwebの人たち、SPA的なやつで画像の読み込みと無関係にいきなり位置ずらすよね?

    2020/06/01 リンク

    その他
    tohokuaiki tohokuaiki え?マジで?これ、20年前のHTMLじゃん。cssで「すげー、別指定できる!」って感動したのに。“新規の img タグは width/height 属性を付けて書く”

    2020/06/01 リンク

    その他
    n314 n314 もう使えるのか

    2020/06/01 リンク

    その他
    mohri mohri すごい。Web新常識が爆誕みたいになってる→ “新規の img タグは width/height 属性を付けて書く”

    2020/06/01 リンク

    その他
    side_tana side_tana めっちゃいいまとめだ

    2020/06/01 リンク

    その他
    tattyu tattyu 画像のアスペクト比を適用する為だけにめちゃくちゃ色んな議論がされてるの不毛に感じてしまう。

    2020/06/01 リンク

    その他
    onesplat onesplat いい話 / id:aox 余計なことすんなハゲ

    2020/06/01 リンク

    その他
    aox aox ファイル名から読み取れるようにすれば良いのでは。今でもほにゃらら1280x760.jpgみたいなファイル名で最適化されたファイルが埋め込まれてる事がありますし

    2020/06/01 リンク

    その他
    RATCHO RATCHO これからの仕様の前にそもそものimgタグの仕様について勉強になった

    2020/06/01 リンク

    その他

    関連記事

    画像による Layout Shift が無くなる Web がやって来る - mizdra's blog

    はじめに Web では古来より <img> タグを用いて画像を読み込んでいました. しかし <img> タグにはアスペ...

    ブックマークしたユーザー

    • usako11242021/03/18 usako1124
    • ntaoo2021/02/11 ntaoo
    • thotentry_hatebu1972020/12/11 thotentry_hatebu197
    • takaesu2020/10/30 takaesu
    • nskij2020/08/14 nskij
    • cucumisin2020/07/14 cucumisin
    • dhesusan46492020/07/08 dhesusan4649
    • aki772020/07/03 aki77
    • raimon492020/07/03 raimon49
    • naqtn2020/07/03 naqtn
    • nbinbi2020/07/02 nbinbi
    • cabbage_kobe2020/06/23 cabbage_kobe
    • itoz2020/06/19 itoz
    • tyto2020/06/19 tyto
    • asobit692020/06/19 asobit69
    • emonkak2020/06/14 emonkak
    • mominis2020/06/14 mominis
    • takabonyade2020/06/10 takabonyade
    すべてのユーザーの
    詳細を表示します

    同じサイトの新着

    同じサイトの新着をもっと読む

    いま人気の記事

    いま人気の記事をもっと読む

    いま人気の記事 - テクノロジー

    いま人気の記事 - テクノロジーをもっと読む

    新着記事 - テクノロジー

    新着記事 - テクノロジーをもっと読む

    🌻Ayaどついたれ本舗大和魂🌻 on Twitter: "大学生の娘の勉強見てたら次の課題コレって…どうしよう…本当にどうしよう…ガチで怖いんですけど😱 手に変な汗かいた💦 https://t.co/tRGL9L1s7b"

    365 users https://twitter.com/Ayamatsugeya

    Skin Builderをベースにしてスキンテクスチャを作ってみた | –GRAPH 3D

    1 user https://3dgraph.me/