Over-Kill

Everyday Over-Kill

Latest stories

javascript簡単なタブ切り替えを作ります。 クリックすると、一度全てを非表示し、 クリックした要素を表示する事でタブ切り替えを実装しています。 もうちょっと良い書き方があるはず...Keep Reading →
稀にスクロールバーのカスタマイズが必要な場面があります。そんな時に便利なライブラリをご紹介します。perfect-scrollbar こちらのライブラリがあれば非常に簡単にスクロールバーの実装が可能です。例によってCodeSandBoxを確認してください。 wrapする要素に、heightとposition:relative;を加えています。今のところスクロールバーのclass名は変更できなさそうなので、セレクタに重みをつけて変更する必要がありそうです。自力での実装を考えるとそこそこ大変そうな印象ですが、このライブラリがあると非常に助かりますね。Keep Reading →
要素に対してwidthではなく、max-widthを指定しておくと、より少ないコードでレスポンシブなデザインが実現できるため、非常にお手軽である。 しかし我らが宿敵IE11では、max-widthが適用されず悲惨なことになってしまう。 対処法はとても簡単 要素に対してwidth:100%を追加するだけ。 これだけで、IE11でもmax-widthが適用される。Keep Reading →