WEBページを見ているとき画像が小さくてよく見えないときありますよね？ そんなときに、画像をクリックしたらモーダル画面で拡大されて表示されたら便利じゃないですか？ モーダル画面（モーダルウィンドウ）は、操作が完了するまで…

サイドバーって画面をスクロールさせていくと最後のほうは何も表示されなくなっちゃいますよね。 せっかくスペースがあるなら常に何か表示させておきたいと思うものです。 そこで今回は画面をスクロールするとサイドバーが固定表示され…

サイドバーって何か情報を載せ始めるとごちゃごちゃしてきて分かりづらくなりますよね。 そこで折りたたんですっきり出来るようにしてみようと思います。 完成形のコード HTML（サイドバー部分） [crayon-6743fd1…

以前にCSSでドロップダウンメニューを作成しました。 CSSではマウスオーバーでしか動的なことは出来ないため、マウスオーバーで開閉するようなものでした。 CSSの擬似クラス(hover)でメニューにドロップダウンを可能な…

a タグで作成したリンクをクリックした場合にもリンク先に遷移したく無い場合があるかと思います。 例えば、リンクをクリックしたが何らかのエラーがあった場合は遷移しないなど。 そういう場合リンクを無効にし、遷移を行わない方法…