40行で完成!ハンバーガーメニューを作るCSSチュートリアル【HTML/CSS/Sass/JS】

  Рет қаралды 11,388

HIROCODE.

HIROCODE.

Күн бұрын

Пікірлер: 13
@僕たちはみぃ
@僕たちはみぃ Жыл бұрын
以前質問した際、このような動画を作るとのことでしたが、本当に作っていただいてありがとうございました。しっかりと学習いたします。
@hirocode
@hirocode Жыл бұрын
おー良かったです😆❗️是非是非参考にしてみてください☺️♪
@alwaysoutofbase5255
@alwaysoutofbase5255 Жыл бұрын
「このコマンドでこんな効果が得られる」をよく熟知されていますねぇ 感動しました。 画像効果はChatGPTで質問できないですからな。
@hirocode
@hirocode Жыл бұрын
嬉しいコメントいただきありがとうございます🙇 ChatGPTに全部お任せはまだまだ時間かかりそうですね😆❗️
@tipscreator1029
@tipscreator1029 7 ай бұрын
非常に参考になりました! 1点質問なのですが、aタグにClass付与することはできないのでしょうか? 動画内のコードを元にaタグ内のID,Classへ同一の名前を付与、JSを同じ名前に変更して実行したのですが、DIV要素なら問題ないのですが、付与したいタグがaだとなぜか発火せず… お時間のある時でもよいのでアドバイスいただけますと助かります!
@hirocode
@hirocode 7 ай бұрын
ありがとうございます😆♪ aタグにhref属性が付与されている場合、ページ遷移してしまいます。ブラウザによっては、href属性なくてもリロードしてしまうケースがあったと思います! これ系のボタンは基本的にbuttonタグ推奨です❗️
@tipscreator1029
@tipscreator1029 6 ай бұрын
@@hirocode お忙しいところご返信ありがとうございます!リロードしてしまうので付与されないのですね…勉強になります。今後はButton要素にClass付与させたいと思います。ありがとうございました(^o^)
@xdkeiw
@xdkeiw Жыл бұрын
すげえ知らないCSSプロパティがいっぱい出てきてる😂 素のCSS触らない弊害が...笑 reactとかvueとか触るようになったらCSSまで追えなくなってしまったけどHIROさんはWEB制作メインでしょうか?
@hirocode
@hirocode Жыл бұрын
コメントありがとうございます😆❗️ 僕もreactとか触ってた時ありましたが、どこ広げるべきか結構悩ましいですよね💦 おっしゃる通り僕はWeb制作メインで、業務管理システムとかが意外と多いです🤔あとはもっぱらデザインて感じです🙇❗️
@xdkeiw
@xdkeiw Жыл бұрын
@@hirocode 業務管理システムならreactやvueでフロントやりそうですけどそこでは触らないんですね! デザイン僕もやってますが、そろそろデザインからは離れます😂笑 デザインが一番難しい..笑
@chiro-suke
@chiro-suke Жыл бұрын
これだとメニューが見えてないだけなのよね メニューにイベントを設定して「この辺にメニューがありそう」ってところをクリックするとイベントが発動しちゃう。 メニューが非表示の時はheightを0にしてoverflow-y:hiddenにすることで不用意にクリックイベントが発動しなくなります。
@hirocode
@hirocode Жыл бұрын
コメントありがとうございます☺️♪ .menuに対してpointer-events: none;を指定しているので、非表示の時は触れない状態になってます!この指定だとクリックイベントも発火しなくなります😆❗️ 便利な指定なのでぜひ使ってみてください✅
@chiro-suke
@chiro-suke Жыл бұрын
@@hirocode ほんとだ。こっちのほうが楽ですね。
Lamborghini vs Smoke 😱
00:38
Topper Guild
Рет қаралды 58 МЛН
Don't underestimate anyone
00:47
奇軒Tricking
Рет қаралды 30 МЛН
Why no RONALDO?! 🤔⚽️
00:28
Celine Dept
Рет қаралды 103 МЛН
HTMLとCSSでシンプルなハンバーガーメニューを作ってみよう
22:57
プログラミングチュートリアル
Рет қаралды 32 М.
【javascript実践編#4】ハンバーガーメニューを作ってみよう
21:05
ひらくのプログラミング教室
Рет қаралды 7 М.
【実践】HTML CSS ハンバーガーメニューの作り方! + jQuery
21:17
HIROCODE.ヒロコード
Рет қаралды 34 М.
【HTMLCSS超基礎2024】VSCODEで作るwebサイトをカンタン解説
1:23:05
webサイトチャンネル
Рет қаралды 13 М.
HTML CSSでSVGをプロ級に使うための2つの実用的な方法
13:30
HIROCODE.ヒロコード
Рет қаралды 11 М.
【Sass入門】CSSを圧倒的に楽にコーディングできるSassを学んでみよう
24:18
プログラミングチュートリアル
Рет қаралды 14 М.
HTMLとCSSで上部固定ヘッダーウェブサイトを1から実装してみよう
22:17
プログラミングチュートリアル
Рет қаралды 22 М.