シンプルなLP(ランディングページ)をHTMLとCSSで作ってみよう!
プログラミングチュートリアル
0:00 / 0:00
シンプルなLP(ランディングページ)をHTMLとCSSで作ってみよう!
18 663 просмотра · 4 г. назад
プログラミングチュートリアル
135 тыс. подписчиков
18 663 просмотра · 4 г. назад
#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
※アフィリエイトリンクになります。
*--------------------------------------------------------------------*