HTMLとCSSで上部固定ヘッダーウェブサイトを1から実装してみよう
#入門 #HTML #CSS #ヘッダー #Javascript #ウェブサイト #模写コーディング
★さらに深くプログラミングを学びたい方へ(Udemy割引クーポン)★
shincode.info/2021/12/31/udemy...
\ShinCode_Camp開校しました/
プログラミング講座&副業・起業&就職・転職が学べるプラットフォーム🚀
🎁月額2500円で全講座が見放題
🎁分からない箇所は質問し放題
🎁7日間無料キャンペーン実施中
🎁コミュニティ機能付き
🎁いつでも解約可能etc...
↓↓↓↓↓
code-s-school-5bc2.thinkific....
【この動画を視聴するメリット】
・基礎となるHTML/CSSが学べる
・ウェブサイトにおける上部ヘッダー固定が実装できる
・JavascriptにおけるclassList.add()の使い時が理解できる
・自力で模写コーディングできる方法が学べる
【信頼性】
・Udemy講師
・講師レビュー評価94.6%
・Udemy受講生延べ300人突破
・Webアプリ/サイト開発数:150以上
★チャンネル登録はこちらから★
/ @user-hl9uv6cv7k
★無料Slackコミュニティ開設しました★
t.co/HCsoL7hlft
プログラミングに関するご相談やお悩みはこちらで回答します。
★今回のソースコード★
github.com/Shin-sibainu/sticl...
★運営者SNS★
Twitter: / shin_engineer
★この動画で使用している機材★
キーボード(Keychron K6 赤軸):amzn.to/3F4zca5
マウス(Logicool G ロジクール G ゲーミングマウス):amzn.to/3DZaaYB
マイク(サンワダイレクト USBマイク PCマイク):amzn.to/30AVwJF
マイクスタンド(Luling Arts マイクスタンド マイクアーム スタンド):
amzn.to/3se5onZ
※アフィリエイトリンクになります。
Пікірлер: 19
この人の動画わかりやすすぎる。 声も良い。
Thank you so much for the concise and simple tutorial! ありがとうございます! 🤩
プログラミング系の説明動画で1番わかりやすいと思います。予習復習両方で拝見してますがめちゃくちゃ助かってます!
@user-hl9uv6cv7k
5 ай бұрын
すごくうれしいコメントありがとうございます! Web制作系ではないかもしれませんが、今後も地道に動画をアップロードしていこうかなと思います
いつもありがとうございます🙇
inline-blockが適用されない場合はどう解決しますか?
はじめまして、 上記にURLにアクセスしましたが、コードは確認できませんでした。こちらにコピーすることは可能でしょうか。
なぜheaderタグを使わずdivタグで括ったのですか? cssで編集する際もクラスをつけるくらいならheaderとしてそのままcssでかけると思うのですが
@NnN-si4lg
10 ай бұрын
わかりやすいようにだと思いますよ 別に気にするところでは無いと思う
初めまして。こちらの動画をもとに、ページを作っているものです。 18:20あたりで、つまづいています。なぜか、バックグラウンドの色が適応されず、Relaxが横につきません😢
@user-hl9uv6cv7k
3 ай бұрын
クラス名等の綴りミスの可能性がありますので、ご確認いただけると良いかと思います!
Scriptタグが機能しない原因はなんですか?
navのulの余白を付ける際にmarginを使っていましたがpaddingを使わなかったのはなぜですか?(8:29)
@user-hl9uv6cv7k
Жыл бұрын
paddingとmarginの使い分けは 基本は、要素の外側の余白にはmargin、要素の内側の余白にはpaddingを使います。 そして、親要素と子要素の間(親子間)の余白はpadding、隣り合った要素(兄弟間)の余白はmarginを使うようにすると、迷うことがなくなります。 以下のサイトからの引用になります。 eclair.blog/difference-between-margin-and-padding/#:~:text=%E5%9F%BA%E6%9C%AC%E3%81%AF%E3%80%81%E8%A6%81%E7%B4%A0%E3%81%AE%E5%A4%96%E5%81%B4,%E8%BF%B7%E3%81%86%E3%81%93%E3%81%A8%E3%81%8C%E3%81%AA%E3%81%8F%E3%81%AA%E3%82%8A%E3%81%BE%E3%81%99%E3%80%82
全然くどくないです。私のレベルに合ってます。くどいのは私のコメントです。😂
@user-hl9uv6cv7k
5 ай бұрын
いえいえ笑 コメントあるだけでもモチベーションになるので、うれしいですよ! ricocoさんの学習の手助けになっているのであれば、それでうれしいです
navタグの中にh2タグをいれたのはなぜですか? h2タグの下にnavタグをつけてもできると思うのですが、、、
@user-hl9uv6cv7k
Жыл бұрын
どちらでもOKです。 HTMLの書き方はいろんなパターンがありますので!
@user-dw2lj6gc5f
Жыл бұрын
@@user-hl9uv6cv7k そうなんですね。 ではなぜ今回の動画ではnavタグで囲ったんですか?