コーディングをする上でよく遭遇する動きの実装方法を、随時更新していこうと思います。
ハンバーガーメニュー
CSSで実装。表示の動きとか場所は、以下の記事よりもう少し工夫した方が良いかも。
CSSだけで簡単！ハンバーガーメニューの作り方（スマホ対応）
タブ切り替え
CSSで実装。
CSSだけでタブ切り替えを作る方法
画像スライダー
Swiperを使って実装。
【実例12パターン】画像スライダーはSwiper使っておけば間違いない！実用的な使い方を紹介
画像ポップアップ
これって方法が見つかってません。lightboxが有名だけど、何となくもっさりしていた印象があります。