ようやく使えるようになったHTML

こんにちは、かずです。

以前はIEサポート外になったことから使えるCSSを紹介しました。

IEのサポート終了してからのCSS事情

今回はhtml要素でもありますので、ご紹介&忘れないためのアウトプット！

picture

PCとスマホ用の画像を以前はbackgroundにしてcssのメディアクエリで切り替えるなり、imgタグのクラス名で出し分けをしたり等で対応していましたが、今ではHTMLにメディアクエリを書いて実装できるので簡単になりました。

details

実装例↓

これ便利すぎてやばいです。よくある質問はこんな感じで開いたり閉じたりしてますがJS使わずにいけるのがもうやばいです。
すごい。
<details open>としておけば最初から開いた状態にもできるので優秀。

CSSもまだあったと思うので、そのうちちゃんと使い始めたらどんどん紹介していこうと思います！

それでは。