表示速度を飛躍的に向上させるHTML/CSS最新仕様「content-visibility」「Lazy loading」「contain」をコード付き簡単解説
これまではJavaScriptを用いて実装するしかありませんでしたが、ついにimgやiframe要素であればloading="lazy"を付与するだけで、簡単に実装できます。 <!-- 画像に適用する場合 --> <img src="pic.png" alt="画像の詳細" loading="lazy"> <!-- iframeに適用する場合 --> <iframe src="external.html" loading="lazy"></iframe>画面外では読み込みが発生しないので、必要になった時（画面内に要素が入りそうになった時）に読み込みが発生するのでパフォーマンスが向上します。 また画像についてはsrcsetを用いたレスポンシブな画像に対しても指定できますし、picture要素を用いてfallback形式でも記述できます。 <img src="normal.png" srcse
forest » Getty Imagesに登録する方法
Getty Imagesのコントリビュータになる方法を書いておきます。たぶんあまり周知されていないと思うので。 まずはじめに、Flickrをすでにやっている人向け。 1）お気に入りトップ10のイメージを10枚選んでセットを作成 2）セットのURLをコピー（セットの右上share This のGrab the linkに出ているURL） 3）http://www.gettyimagessites.com/flickr_submission/jp にアクセスし、必要事項を入力。URLをペーストして送信 まだFlickrをやっていない人向け。 1）www.yahoo.com（米国のYahooです）に行き、Sign inをクリック、USのYahoo IDを持っていない人はSign UPをクリック 2）開いたページで必要事項を入力してUS Yahooアカウントを作成。メアドとパスワードをメ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
