HTML恥ずかしい話ですが、独学を始めた当初から、画像に関してはfigureタグとimgタグだけでここまできました。本来であればsrcsetタグなどを用いて、レスポンシブ幅に応じて画像の出し分けをきちんと行わないといけません。コードの中身までを見て頂く機会等もなかったのも関係しているかもしれませんが実務ではそうもいってられないので、ここで一度きちんと向きあうことにしました。現在ではpictureタグとsrcsetタグを併せて用いるのが良さそうです。画像の出し分けは少し長めのコードを書かないといけないようです。幸いにも今触っているpugを用いた画像の出し分け方法をgulp構築の際にお世話になったのせっちさんがサイトにまとめていらっしゃいました。ちなみに、Brainの記事内にもありました!早速取り掛かってみようと思います。HTMLレスポンシブデザインのサイトで使用する画像を、PCとスマホで切り替えたいときがあります。heightの記述を一気に行う方法を解説しています。コピペで持っていくだけですぐに使えるので初心者の方にもオススメです。flex-box.netpugでpictureタグのmixinを作成するPCとSPでの画像の出しわけやwebpの対応でpugのmixinを作成する機会が度々あったので、作成方法をメモしておきます。..)φメモを残しておきます。[...]2022年4月30日HTMLHTMLHTMLのonclick属性とは他の方のコードを見ていて、buttonタグにonclick属性が設定されていました。気になったことを調べてメモしています。[...]2022年6月11日HTMLHTMLbuttonタグのaria属性が気になったので調べてみた私がこの属性を発見したのはハンバーガーメニューですが、FAQページでよく見かける開閉パネルにも実装されていることが多いそうです。昨日書いた記事(1つ手前の記事)で、文字を細くする方法について書きました。[...]2022年4月29日HTMLこの投稿へのトラックバックコメントはありません。Comments表示できるコメントはありません。