🆕 新着Qiita記事をお知らせします。​

​『Retinaディスプレイに表示させる画像のこと』
https://qiita.com/Hideki-Minami/items/f542afbcb7454e6dfc98 by @hideki_minami @​Qiita

#html_qiita #retina_qiita #img_qiita

Retinaディスプレイに表示させる画像のこと - Qiita

ある方からLPコーディングの件でご教授いただいた時に、 「ちなみに私の場合はデフォルトでRetinaディスプレイにも対応させているので1倍と2倍のサイズで書き出すことが多いです。」 って言われて。 ??? だったんですよね。 ...

🆕 新着Qiita記事をお知らせします。​

​『困る前に知っておきたい SVGの基本再解釈』
https://qiita.com/yuzuru_xa/items/29e8dea1015118084b01 by @yuzuru_xa @​Qiita

#html_qiita #css_qiita #svg_qiita #img_qiita

困る前に知っておきたい SVGの基本再解釈 - Qiita

## はじめに ロゴなどで使用されることが多いSVGですが、よくわからずにとりあえずで使ってしまうと意外なところでハマってしまったりします。 SVGをソースレベルで解釈しつつ、現状で自分なりにベストな使用方法を探っていきます。 ##...

🆕 新着Qiita記事をお知らせします。​

​『アスペクト維持 x トリミング x 横幅:レスポンシブ x 最大幅:元画像サイズ で画像表示』
https://qiita.com/puchida/items/3e48768a4f2ba97b7a09 by @puchida @​Qiita

#css_qiita #img_qiita

アスペクト維持 x トリミング x 横幅:レスポンシブ x 最大幅:元画像サイズ で画像表示 - Qiita

画像のアスペクト比を維持しながら、指定の比率でトリミングしたい。 表示サイズはレスポンシブ。ただし最大幅は元画像の横幅での表示の例です。 ```css:css .img-fluid-trim{ display...

🆕 新着Qiita記事をお知らせします。​

​『【HTML】loading属性で“lazy”を指定する場合、widthとheight属性が必要』
https://qiita.com/kingpanda/items/1e0b7d14dc2fdb06fc9a by @kingpanda @​Qiita

#html_qiita #chrome_qiita #seo_qiita #img_qiita #lazyload_qiita

【HTML】loading属性で“lazy”を指定する場合、widthとheight属性が必要 - Qiita

loading属性とは、ブラウザがネイティブで遅延ロードをサポートするというものです。 img要素やiframe要素をHTMLの属性として指定するだけで、JavaScriptを使うことなく、簡単に遅延ロードさせることができます。 ...