シンプルなLP(ランディングページ)をHTMLとCSSで作ってみよう！

#HTML #CSS #入門 #lp #ランディングページ

＼ShinCode_Campでプログラミングを楽しもう／
幅広いプログラミングの知識を得るための動画プラットフォーム
🎁僕が作成したUdemy講座が見放題
🎁分からない箇所は質問し放題
🎁フルスタック技術が学べる
🎁コミュニティ機能付き
🎁いつでも解約可能
↓↓↓↓↓
https://code-s-school-5bc2.thinkific....

♥ソースコード：https://github.com/Shin-sibainu/simpl...

*--------------------------------------------------------------------*
今回はHTMLとCSSとJSを使って超シンプルなLP(ランディングページ)を作りました。HTMLの構成さえ分かれば後はCSSを当てるだけで簡単に作れます。CSSの基本が分かっていない人は都度ググって調べてみてください。より理解が深まるはずです。
Javascriptに関してはマウスストーカー(マウスカーソル追従)を実装しました。要素を取得してstyle.transformを当てるだけで実装できます。transitionを当てると遅延を入れることができます。

この動画が良いと思ったらチャンネル登録よろしくお願いします。
バグや分からないことがあればコメント欄、またはDMでご質問ください。
*--------------------------------------------------------------------*

♥運営者のTwitter：  / shin_engineer  

❤️React×TrelloチュートリアルのUdemy92%割引クーポン：
http://shincode.info/2021/12/31/udemy...
♥React×FirebaseでTwitterクローン構築講座Udemy94%割引クーポン：
http://shincode.info/2021/12/31/udemy...
❤️Three.js入門のUdemy94%割引クーポン：
http://shincode.info/2021/12/31/udemy...

*--------------------------------------------------------------------*
使用している機材：
キーボード(Keychron K6 赤軸)：https://amzn.to/3F4zca5
マウス(Logicool G ロジクール G ゲーミングマウス)：https://amzn.to/3DZaaYB
マイク(サンワダイレクト USBマイク PCマイク)：https://amzn.to/30AVwJF
マイクスタンド(Luling Arts マイクスタンド マイクアーム スタンド)：
https://amzn.to/3se5onZ
※アフィリエイトリンクになります。
*--------------------------------------------------------------------*