HTML・CSS・jQuery ノート

  • 2024年6月15日
  • LP

グリッドレイアウト

LPで使われるjQuery(JavaScript)

  • アコーディオン
  • スムーススクロール
  • 表示・非表示
  • スライダー
  • フェードイン
  • ポップアップ

LPのコーディングを学ぶ

LPのコーディングは、以下の手順でおこないます。

  1. 画像をスライス(Photoshopのスライス機能を使い、納品するときと同じようにパーツごとにスライスをおこなう)
  2. 圧縮する(目安は画像1枚200KB以下、クライアントさんにご希望の容量を確認する)
  3. コーディングする(表示速度を意識する)

他のLPのコーディングを参考にするには。

  1. コードを見たいLPを開き ⌘ + ⇧ + I
  2. <html lang=”ja”>の上にカーソルを合わせて右クリック
  3. Copyにカーソルを合わせ Copy outerHTMLをクリック
  4. エディタに貼り付けてコードを確認
THE THORカスタマイズ

1人で悩んでいませんか?
設定やカスタマイズでお困りのときは
お気軽にご相談ください。

ご相談はこちらへどうぞ >