Bootstrapも間もなくバージョン4だそうです。機能も進化して使い勝手もずいぶん良くなりました。WEBサービスを作るときにはどうしても必要になる管理画面ですが、あまり管理画面に手間をかけたくないのでBootstrapのようなデザインフレームワークを採用するすることも多いと思います。HTMLのコーディング始めるとき、お決まりの書式ってコピペするだけのことですが、よく使うけど、その都度ググるのが面倒なんですよね。なんかDreamweaverにスニペット登録するのも面倒です。フォームのselectタグをそのまま利用するとデザインが味気ないですよね。フォームはCSSでデザインをいじるのに苦労することが多いのも事実であり、手間をかけてられない部分でもあります。リンクにマウスを載せたときのhoverアニメーションをおしゃれにするCSSを紹介します。チェックボックスやラジオボタンを超オシャレにするテクニックです。javascript、css、SVGを組み合わせて実現しています。ナビゲーションメニューとかのリンクにマウスを載せたときのアニメーションのサンプルでおしゃれなものを見つけたので紹介します。タブレット対応などで良く使う、デフォルトでは非表示だけど、ボタンやアイコンをタップするとサイドメニューがにょきっと登場するやつです。マウスhoverのアニメーション効果のTipsとして面白いと思ったので紹介。写真画像にマウスを載せた時に、クシャッと折りたたんだり、ペロンとめくる動きをつけます。ログイン画面だけ作りたいけど、それなりに見栄えのするデザインで、且つマルチデバイス対応しようと思うと、そこそこ手間は必要になります。