PCとSPで別のHTML構造【2023年4月28日の日記】

PCとスマホ版で仕様が大幅に異なり(スマホではアコーディオン)、それぞれ別のHTMLでマークアップする必要があるパーツの対応を、朝一の4時間で集中して片付けて達成感MAXでお昼を迎えた日。

重めのタスクは朝、脳が最高にフレッシュなゴールデンタイムに取り組むのが一番効率良いですね。

jQueryを使った久しぶりのアコーディオン機能の実装だったので、HTML構造を考えたりするのも含めて4時間もかかっちゃいましたが、次似たようなデザインが来たら今回の流用で3分の1の時間で実装できると思います。

Stylus用のクラス命名規則(ハイフンでつなげる)は分かりやすいですが、HTML階層が深くなればなるほどクラス名が長くなり冗長になっちゃうのだけが欠点。

なので、アコーディオンだけ別でAccordionからクラス命名を開始してコンパクトにしましたわ。

2023年4月28日の動画日記

動画日記1050日目!

2023年4月の日記一覧

4/264/274/284/294/30