40行で完成！ハンバーガーメニューを作るCSSチュートリアル【HTML/CSS/Sass/JS】
Рет қаралды 11,380
Күн бұрын
@僕たちはみぃ Жыл бұрын
以前質問した際、このような動画を作るとのことでしたが、本当に作っていただいてありがとうございました。しっかりと学習いたします。
@hirocode Жыл бұрын
おー良かったです😆❗️是非是非参考にしてみてください☺️♪
@alwaysoutofbase5255 Жыл бұрын
「このコマンドでこんな効果が得られる」をよく熟知されていますねぇ 感動しました。 画像効果はChatGPTで質問できないですからな。
@hirocode Жыл бұрын
嬉しいコメントいただきありがとうございます🙇 ChatGPTに全部お任せはまだまだ時間かかりそうですね😆❗️
@tipscreator1029 7 ай бұрын
非常に参考になりました！ １点質問なのですが、aタグにClass付与することはできないのでしょうか？ 動画内のコードを元にaタグ内のID,Classへ同一の名前を付与、JSを同じ名前に変更して実行したのですが、DIV要素なら問題ないのですが、付与したいタグがaだとなぜか発火せず… お時間のある時でもよいのでアドバイスいただけますと助かります！
@hirocode 7 ай бұрын
ありがとうございます😆♪ aタグにhref属性が付与されている場合、ページ遷移してしまいます。ブラウザによっては、href属性なくてもリロードしてしまうケースがあったと思います！ これ系のボタンは基本的にbuttonタグ推奨です❗️
@tipscreator1029 6 ай бұрын
@@hirocode お忙しいところご返信ありがとうございます！リロードしてしまうので付与されないのですね…勉強になります。今後はButton要素にClass付与させたいと思います。ありがとうございました(^o^)
@xdkeiw Жыл бұрын
すげえ知らないCSSプロパティがいっぱい出てきてる😂 素のCSS触らない弊害が...笑 reactとかvueとか触るようになったらCSSまで追えなくなってしまったけどHIROさんはWEB制作メインでしょうか？
@hirocode Жыл бұрын
コメントありがとうございます😆❗️ 僕もreactとか触ってた時ありましたが、どこ広げるべきか結構悩ましいですよね💦 おっしゃる通り僕はWeb制作メインで、業務管理システムとかが意外と多いです🤔あとはもっぱらデザインて感じです🙇❗️
@xdkeiw Жыл бұрын
@@hirocode 業務管理システムならreactやvueでフロントやりそうですけどそこでは触らないんですね！ デザイン僕もやってますが、そろそろデザインからは離れます😂笑 デザインが一番難しい..笑
@chiro-suke Жыл бұрын
これだとメニューが見えてないだけなのよね メニューにイベントを設定して「この辺にメニューがありそう」ってところをクリックするとイベントが発動しちゃう。 メニューが非表示の時はheightを0にしてoverflow-y:hiddenにすることで不用意にクリックイベントが発動しなくなります。
@hirocode Жыл бұрын
コメントありがとうございます☺️♪ .menuに対してpointer-events: none;を指定しているので、非表示の時は触れない状態になってます！この指定だとクリックイベントも発火しなくなります😆❗️ 便利な指定なのでぜひ使ってみてください✅
@chiro-suke Жыл бұрын
@@hirocode ほんとだ。こっちのほうが楽ですね。
Я ОТ САКЕ
Рет қаралды 1,5 МЛН
Family Games Media
Рет қаралды 47 МЛН
Global Harmony
Рет қаралды 79