Тёмный
No video :(

HTMLとCSSでシンプルなハンバーガーメニューを作ってみよう 

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

#HTML #CSS #JS #チュートリアル #tutorial
【さらに詳しく学びたい方へ。Udemy90%割引クーポン発行中🚀】
↓↓↓↓↓
shincode.info/2...
\ShinCode_Camp開校しました/
プログラミング講座&副業・起業&就職・転職が学べるプラットフォーム🚀
🎁月額2500円で全講座が見放題
🎁分からない箇所は質問し放題
🎁7日間無料キャンペーン実施中
🎁コミュニティ機能付き
🎁いつでも解約可能etc...
↓↓↓↓↓
code-s-school-...
【この動画を視聴するメリット】
・HTML/CSS/JSでハンバーガーメニューが作れる
・コピペ使用OK
【信頼性】
・Udemy講師
・講師レビュー評価94.6%
・Udemy受講生延べ300人突破
・Webアプリ/サイト開発数:200以上
★チャンネル登録はこちらから★
/ @programming_tutorial_...
★私が運営する公式LINEに登録してお得な情報を受け取ろう★
lin.ee/uGqCYMm
豪華登録3大特典をご用意🎁
①私が作成したUdemy講座の92%割引クーポンを全てプレゼント🎁
②新規Udemy講座発表のお知らせと92%割引クーポン配布
③未経験でもプログラミングの副業で堅実に月収+1万円を目指せるテクニック(準備中)
①でご用意しているUdemy講座一覧👇
・React×Trelloクローン開発講座
・React×Firebaseでツイッタークローン開発講座
・Three.js入門:モダンな3Dウェブサイト開発講座
好きな講座を好きなだけお選びください。
★今回のソースコード★
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
※アフィリエイトリンクになります。

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

 

5 сен 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 21   
@to-xy6er
@to-xy6er 7 дней назад
初めまして。いつも勉強させていただいてます! 1箇所質問なのですが、navにdisplay:block;をつけたのはなぜですか? ブロック要素にしておきましょうという説明だったのですが、 navはブロック要素だと思うので、不思議に思いました。 教えて頂けましたら助かります!
@programming_tutorial_youtube
@programming_tutorial_youtube 6 дней назад
動画の内容は詳しく覚えておりませんが スマホサイズのときにnavタグにhidden属性をつけていたのであれば、そのhidden属性を外すために明示的に分かりやすいようにblockを付けたのだと思います。 なくても大丈夫だとは思います。元からブロック要素なのでですね。
@to-xy6er
@to-xy6er 6 дней назад
@@programming_tutorial_youtube 教えて頂きありがとうございます!! 理解しました。勉強になりますね。 いつもとてもわかりやすく聞きやすいので、何回も見させて頂いてます! これからも配信楽しみにしております😊
@TheSuta_
@TheSuta_ 4 месяца назад
無事に作れました❗️ ありがとうございます😃
@ikedaatsushi3624
@ikedaatsushi3624 Год назад
動画ありがとうございます。他のサイトで分からなかったものが、こちらの動画で理解できました。 1つ1つの解説が大変分かりやすかったです。
@satosatopinpin
@satosatopinpin Год назад
わかりやすい動画ありがとうございます。 他のファイルとのつながり、htmlとJavaファイルのここを見ている。"open"がついたり消えたりの部分とかすごい分かりやすいです。ありがとうございました。
@user-mr9ht2vo7u
@user-mr9ht2vo7u Год назад
めっちゃわかりやすいです。
@satorig5325
@satorig5325 Год назад
はじめまして。今年の9月からコーディングを学び始めました。 ハンバーガーメニュー難しくて悩んでいましたが、しんさんが一つ一つ解説してくださって、理解することが出来ました! しんさんめっちゃかっこいいので憧れます!これからもよろしくお願いいたします。
@BunnySenpaiii
@BunnySenpaiii 2 года назад
すごく分かりやすくて助かりました! これからも拝見させていただきます!!
@user-iy8hc8id1m
@user-iy8hc8id1m Год назад
今シンさんの動画を古いものから1つずつ学習していっております。 声が聞き取りやすくて説明も簡潔ですごくわかりやすく毎日楽しく勉強させてもらってます。 ポーカーフェイスで淡々されているけど、寝癖があったり途中変なテンションになったり生活感あふれる背景だったりが人間味が出ていてほっこりポイントです (笑) Udemyのreactでポケモン図鑑作るやつ途中で挫折してしましまったので(私のスキル不足で)後々再チャレンジしようと思います! 有益なコンテンツの数々感謝いたします!!
@atyamamero1780
@atyamamero1780 2 года назад
最近web制作の勉強初めて、ハンバーガーメニューってものにビビってたけど、わかりやすい解説のおかげか意外と簡単に出来て助かった。 あと喋りが早くてハキハキしてるのでとても聞きやすい。 コードに関して、自分は♯maskの背景もtransitionでふわっと変化させたくて色々調べてた結果、displayをvisibilityに、背景色とかの設定を.opnenの付いてない方の♯maskの方に記述してopasityの変化を追加したらいけた。
@user-kw6gu7vh5u
@user-kw6gu7vh5u 2 года назад
レスポンシブ対応と一緒にやるやり方載せてほしいです
@programming_tutorial_youtube
@programming_tutorial_youtube 2 года назад
メディアクエリで検索してみてください。 ある一定の幅になると表示非表示をcssで設定できるようになります。 または私の他の動画をご覧くださいませ。
@fullfield5585
@fullfield5585 Год назад
ハンバーガーメニューの中のリンクを押すとメニューが消えるようにするのにはどのようにすればいいのでしょうか? 分かる方教えていただきたいです!
@user-zn8ir4vb5e
@user-zn8ir4vb5e 2 года назад
まったく同じようにコーディングしているのですが、メニューボタンをクリックした時に背景が黒くならなかったり、×になったメニューアイコンが白く変わらないってことは、コードミスですよね?(汗)
@ryotam8500
@ryotam8500 2 года назад
初めて投稿致します。 とてもいい音のキーボードですね。 どの様なキーボードを使っているのでしょうか? 教えていただけるとありがたいです。 よろしくお願い致します。
@programming_tutorial_youtube
@programming_tutorial_youtube 2 года назад
ご視聴ありがとうございます。 概要欄に貼り付けておりますのでごらんくださいませ。
@nyagorov
@nyagorov 8 месяцев назад
初めて作れました、、授業じゃ全然理解できなくて>
@user-hm6ox9dc5e
@user-hm6ox9dc5e 10 месяцев назад
navAreaの中にメインコンテンツが入ってたらおかしくない?
@tume1124
@tume1124 2 года назад
ウィズドゥなのかワイドなのか?
@rhipsalis
@rhipsalis 2 года назад
ウィドゥ
Далее