cssのハンバーガーボタンについてです

Question

cssについての質問です。

ハンバーガーボタンをcssのみで実装したり、動きをつける勉強をしているのですが、
実務ではcssのみで実装したり動きをつける場面はあるのでしょうか。。。？

動きをつけるのはほとんどjsやj queryなら、
今している勉強はあまり意味がないのかもしれない、、、と思い、
実際はどうすることが多いのか気になり質問させていただきました。

よろしくお願いします????????

Answer 1

プログラマーとして引き出しを多く持っているほうが、何かと有利です。

当方、自作のアップローダーでサムネイル一覧からサムネイルをクリックした場合に
画像を実サイズで表示する別ウィンドウに、javascriptのWritelnでポップアップウィンドウの
なかにコードを書き込みました。

ポップアップウィンドウにjQueryのanimateを書き込んでいましたが（Document.Writelnもあまり推奨されてませんが…）
この際、サムネからの挙動はjavascriptやjQueryを使いました、（親ウィンドウの中ではjQueryやjavascriptを使っているということです）

writelnでポップアップウィンドウの方にjQueryなどをCDNで読み込むコードを書き込んだところ、
ブラウザが、XSSの脆弱性に対応するため、今は警告で見逃すが将来のバージョンではBLOCKしますと、
警告してきたので、CSSのアニメーションで代用して将来にわたっても動作するようにしておきました。

この様にプログラマーは状況に合わせて引き出しを使い分けて適切なコードを書く必要性があります。

なので、CSSでの手法、javascriptによる手法、jQueryによる手法などどれも知っておくといいと思います。
なので、今やってるCSSオンリーでの実装方法の学習も無駄ではないと思いますよ。

Comments

[nekora]

回答が役になったなら回答の横の数字をポイントすると回答の評価の増減ができます。
また解決につながった回答はベストアンサーに指定できます。
この設定は個別に指定できます

[nekora]

何かリアクションがあってしかるべきと思うんだが、質問するだけしておいて放置か…
次、質問しても回答付かないで放置確定だな。

Answer 2

ハンバーガーボタンをcssのみで実装したり、動きをつける勉強をしているのですが、実務ではcssのみで実装したり動きをつける場面はあるのでしょうか。。。

あります！
jQueryやJavaScriptで実装するよりも、スタイルシートだけで処理できるなら、そちらの方がよりシンプルです。

今は、スタイルシートでアニメーションが作成できますので、現場では極力、スタイルシートで実装するようにしています。（時間がどうしてもないときはjQueryを使うときもありますが）