HTMLレシピ集

レスポンシブ画像 - srcset/sizes入門編

異なる解像度のデバイスへの対応問題を解決する為のimg要素のsrcset/sizesを活用する方法を学びましょう。

パンくずリストを作ろう入門編

パンくずリストの作成方法から構造化データの利用法、WAI-ARIAを使った実装方法を説明します。

次世代画像フォーマットWebP画像の作り方

Windows環境で公式ツールを用いたWebP画像の作成方法を解説します。バッチファイルを使った一括変換も。