【画像軽量化】WebPにそろそろ対応したほうが良さそうなので現時点で最適方法の考察 | 株式会社ウェブ企画パートナーズ
対応方法について 基本的には WebP 画像を作成後、 img タグに直接 .webp のファイル名で記述すれば対応できるのですが、 <img src="xxx.webp"> WebP に対応していないブラウザもあるため（特に Safari）、従来画像と共存させる必要があります。 共存させることを前提とした場合、今の時点での対応方法については大きく２種類が考えられます。 １，picture タグを使う ２，htaccess で制御する 結論から言うと、htaccess での対応が良さそうですが、それぞれの対応について解説していきます。 １，picture タグを使う場合 picture タグで対応する場合、下記のように記述することで対応することができます。 <picture> <!-- WebP用画像 --> <source srcset="xxx.webp" type="image/we
CSS3・CSS4とは？CSSの歴史と現状、Level(レベル)の遷移について調べてみた。 | WEMO
CSS3・CSS4とは？CSSの歴史と現状、Level(レベル)の遷移について調べてみた。 2019 8/13 CSS3だとかCSS4だとかって一体何？今自分が使ってるCSSはどれ？というのが気になって、CSS (Cascading Style Sheets) の歴史を色々調べてみました。 CSS1の登場から現在に至るまでのCSSの進化を知り、現在のモジュールの仕組みを理解しておくと、普段なんとなく使っていたCSSの様々な記述も身近に感じることができるようになります。 また、コーディング時の無駄な疑問が少なくなり、参考にすべき信頼できるドキュメントを探しやすくなります。 CSSとは Cascading Style Sheets（カスケーディング・スタイル・シート）の略称。 HTML や XML の要素をどのように修飾するかを指示する、W3Cによる仕様の一つ。文書の構造と体裁を分離させるとい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
