Перейти к содержимому

シンプルな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 ※アフィリエイトリンクになります。 *--------------------------------------------------------------------*