Тёмный

HTMLとCSSで上部固定ヘッダーウェブサイトを1から実装してみよう 

Shin Coding Tutorial
Подписаться 43 тыс.
Просмотров 21 тыс.
50% 1

#入門 #HTML #CSS #ヘッダー #Javascript #ウェブサイト #模写コーディング
★さらに深くプログラミングを学びたい方へ(Udemy割引クーポン)★
shincode.info/2...
\ShinCode_Camp開校しました/
プログラミング講座&副業・起業&就職・転職が学べるプラットフォーム🚀
🎁月額2500円で全講座が見放題
🎁分からない箇所は質問し放題
🎁7日間無料キャンペーン実施中
🎁コミュニティ機能付き
🎁いつでも解約可能etc...
↓↓↓↓↓
code-s-school-...
【この動画を視聴するメリット】
・基礎となるHTML/CSSが学べる
・ウェブサイトにおける上部ヘッダー固定が実装できる
・JavascriptにおけるclassList.add()の使い時が理解できる
・自力で模写コーディングできる方法が学べる
【信頼性】
・Udemy講師
・講師レビュー評価94.6%
・Udemy受講生延べ300人突破
・Webアプリ/サイト開発数:150以上
★チャンネル登録はこちらから★
/ @programming_tutorial_...
★無料Slackコミュニティ開設しました★
t.co/HCsoL7hlft
プログラミングに関するご相談やお悩みはこちらで回答します。
★今回のソースコード★
github.com/Shi...
★運営者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
※アフィリエイトリンクになります。

Опубликовано:

 

14 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 21   
@真っ白-u1o
@真っ白-u1o 2 года назад
この人の動画わかりやすすぎる。 声も良い。
@kezuharo
@kezuharo 8 месяцев назад
プログラミング系の説明動画で1番わかりやすいと思います。予習復習両方で拝見してますがめちゃくちゃ助かってます!
@programming_tutorial_youtube
@programming_tutorial_youtube 8 месяцев назад
すごくうれしいコメントありがとうございます! Web制作系ではないかもしれませんが、今後も地道に動画をアップロードしていこうかなと思います
@j_u_d_y3041
@j_u_d_y3041 Год назад
Thank you so much for the concise and simple tutorial! ありがとうございます! 🤩
@Gizutoku
@Gizutoku Год назад
いつもありがとうございます🙇
@ふな-q9p
@ふな-q9p 13 дней назад
12:02
@fudousan-kaikaku
@fudousan-kaikaku 2 года назад
はじめまして、 上記にURLにアクセスしましたが、コードは確認できませんでした。こちらにコピーすることは可能でしょうか。
@ゆかり国井
@ゆかり国井 6 месяцев назад
初めまして。こちらの動画をもとに、ページを作っているものです。 18:20あたりで、つまづいています。なぜか、バックグラウンドの色が適応されず、Relaxが横につきません😢
@programming_tutorial_youtube
@programming_tutorial_youtube 6 месяцев назад
クラス名等の綴りミスの可能性がありますので、ご確認いただけると良いかと思います!
@オリビア-u9s
@オリビア-u9s Год назад
なぜheaderタグを使わずdivタグで括ったのですか? cssで編集する際もクラスをつけるくらいならheaderとしてそのままcssでかけると思うのですが
@NnN-si4lg
@NnN-si4lg Год назад
わかりやすいようにだと思いますよ 別に気にするところでは無いと思う
@ricoco57
@ricoco57 8 месяцев назад
全然くどくないです。私のレベルに合ってます。くどいのは私のコメントです。😂
@programming_tutorial_youtube
@programming_tutorial_youtube 8 месяцев назад
いえいえ笑 コメントあるだけでもモチベーションになるので、うれしいですよ! ricocoさんの学習の手助けになっているのであれば、それでうれしいです
@paruken8757
@paruken8757 Год назад
inline-blockが適用されない場合はどう解決しますか?
@オリビア-u9s
@オリビア-u9s Год назад
navのulの余白を付ける際にmarginを使っていましたがpaddingを使わなかったのはなぜですか?(8:29)
@programming_tutorial_youtube
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
@rururu0501
@rururu0501 Год назад
Scriptタグが機能しない原因はなんですか?
@オリビア-u9s
@オリビア-u9s Год назад
navタグの中にh2タグをいれたのはなぜですか? h2タグの下にnavタグをつけてもできると思うのですが、、、
@programming_tutorial_youtube
どちらでもOKです。 HTMLの書き方はいろんなパターンがありますので!
@オリビア-u9s
@オリビア-u9s Год назад
@@programming_tutorial_youtube そうなんですね。 ではなぜ今回の動画ではnavタグで囲ったんですか?
@ふな-q9p
@ふな-q9p 13 дней назад
10:30
Далее
WHICH SODA CAN FLY THE HIGHEST?
00:48
Просмотров 9 млн
САМАЯ ТУПАЯ СМЕРТЬ / ЧЕРНЕЦ
1:04:43
Новый CSS! 2024
18:06
Просмотров 21 тыс.
These CSS PRO Tips & Tricks Will Blow Your Mind!
8:48
Просмотров 404 тыс.
Learn CSS Flexbox in 20 Minutes (Course)
20:37
Просмотров 170 тыс.
WHICH SODA CAN FLY THE HIGHEST?
00:48
Просмотров 9 млн