Coding WEBサイト制作演習：STEP01~05コーディングまとめ【DEEP SLEEP】
フォトショップ(Photoshop)からのコーディング サンプルDEMO用のサイト【DEEP SLEEP】
------------------
WEBサイト制作演習：PCまでの完成コード サンプルDEMO用のサイト【DEE...
Coding
Coding Coding WEBサイト制作演習：STEP05 |TOPボタン・ドロワーメニュー実装【DEEP SLEEP】
TOPボタン・ドロワーメニューの実装方法を紹介します。
マークアップ
スマホのナビゲーション
ドロワーメニュー部分のコード
TOPへ戻るボタン
ドロアーメニュー解説
テンプレート配布
butto...
Coding WEBサイト制作演習：BXスライダー設置までの完成コード DEMOサイト【DEEP SLEEP】
MV（メインヴィジュアル）にBXスライダー設置をします
完成例をみる
BXスライダー
下記の公式サイトを参考に設置します。
こちらのページを参照！
（とてもわかりやすいページです！）
BXスライダー設...
Coding ヘッダーのスクロールのテンプレート
FVに大きめのスライダー画像や動画を設置したさいよく使用する、縦方向にスクロールすると、headerに背景色が施されるという装飾がありますので、そのテンプレートを紹介します。
ヘッダーのスクロールのテンプレート
DEMOはこちら！
&...
Coding WEBサイト制作演習：レスポンシブ完成コード サンプルDEMO用のサイト【DEEP SLEEP】
WEBサイト制作演習：レスポンシブ完成コード サンプルDEMO用のサイト【DEEP SLEEP】のスマホ表示までのコードです！
デザイン重視なので、かなり細かくメディアクエリ書いてます。
ディバイスごとに綺麗に表示でするよう作成して...
Coding WEBサイト制作演習：PCまでの完成コード サンプルDEMO用のサイト【DEEP SLEEP】
WEBサイト制作演習：PCまでの完成コード サンプルDEMO用のサイト【DEEP SLEEP】のコードだけ載せます！
クラス名など、変更した人は、見比べつつ分析しながら、ご自分でコードを書きましょう！
結局、基本を理解してないと、コ...
Coding フォトショップ(Photoshop)からのコーディング サンプルDEMO用のサイト【DEEP SLEEP】
フォトショップでデザインしたデザインカンプからコーディングしていきます。
自分でデザインして自分でコーディングする場合は、コーディングの変更もあり！と思ってしまいますが、デザイナーさんから送られてきたデザインカンプは、「1pxの想い」で作...