グリッドレイアウト
LPで使われるjQuery(JavaScript)
- アコーディオン
- スムーススクロール
- 表示・非表示
- スライダー
- フェードイン
- ポップアップ
LPのコーディングを学ぶ
LPのコーディングは、以下の手順でおこないます。
- 画像をスライス(Photoshopのスライス機能を使い、納品するときと同じようにパーツごとにスライスをおこなう)
- 圧縮する(目安は画像1枚200KB以下、クライアントさんにご希望の容量を確認する)
- コーディングする(表示速度を意識する)
他のLPのコーディングを参考にするには。
- コードを見たいLPを開き ⌘ + ⇧ + I
- <html lang=”ja”>の上にカーソルを合わせて右クリック
- Copyにカーソルを合わせ Copy outerHTMLをクリック
- エディタに貼り付けてコードを確認