Studioでサイト作ってみよう
お題
マジシャンとしての自分のサイトにしよう
今回はテンプレートを使っていこう。ちょっと変えてみる感じで。
参考サイト
トップの動画
アニメーション
レイアウトいいなぁ
中央よせのスマホか、こういう感じにしたい
やりたいこと
トップに動画おきたい
トップページだけで全て完結したい
見たければ他のページ行ける感じで
MENU
TOP
TOPにこれらの簡単な説明入れる感じで、飛びたければページへ
PRICE
CLIENT WORK
CONTACT
5枚
その上で使うテンプレート決める
トップ過疎の下の写真はパララックスつけたい
https://www.youtube.com/watch?v=y6mG6tsfVoc
トンマナ
メイン b37b4e 茶色
サブ f9f6f2 白（クリーム）
アクセント 1c3a78 青
フォント
知識
動画の埋め込みは厳しそうだった
トリミングはPhotoshopとかでやった後が良さそう
パララックス
横並びにするには親の要素に横並びつけるんだ
https://scrapbox.io/files/678deb6297f6726faeadca24.png
グループ化もある
https://scrapbox.io/files/678debd5b738d57bb90476fa.png
不透明度の影響を小要素に与えたくない
次やること
ヘッダーの追従無くす
並び要素を画面幅関係なく8個にする
https://scrapbox.io/files/678df017222fc23898b3a738.png