HTML

恥ずかしい話ですが、独学を始めた当初から、画像に関してはfigureタグとimgタグだけでここまできました。 しかし、本来であればsrcsetタグなどを用いて、レスポンシブ幅に応じて画像の出し分けをきちんと行わないといけ […]

コーディング課題【中級Ex編】取組み中のメモ。 今回はdata属性について調べたことを簡単にメモしておきます。 data属性はタグの中に「data-**=”****”」(**は自由につけられる)と記述して使用↓ このda […]

私がこの属性を発見したのはハンバーガーメニューですが、FAQページでよく見かける開閉パネルにも実装されていることが多いそうです。 この属性を調べていくうちに「WAI-ARIA」(ウェイ・アリア)という単語が何度も出てきま […]

他の方のコードを見ていて、buttonタグにonclick属性が設定されていました。勉強用メモです。気になったことを調べてメモしています。 【onclick属性とは】・・・ユーザーが要素をクリックしたときに起動する処理を […]

tableのth（見出し）部分の文字を長細く表記するために「transform：scale(〇, 〇) translate(〇, 〇);」を実装したところ、レスポンシブ対応時にthのみ左右に謎の余白が出来てしまった事件。 […]

flexboxは奥が深いので、まだまだ勉強しなければならないことが多いですが、ここではデザインカンプからのコーディング課題時によく悩んだことの一つ、「子要素の幅を均一にする」ことについて( ..)φメモを残しておきます。 […]

昨日書いた記事（1つ手前の記事）で、文字を細くする方法について書きました。 ここでは、AOS.js（JavaScriptのライブラリで、簡単にスクロール連動型のアニメーションを実装できるものです）と併用した場合に、tra […]