例えばこういう場合・・・ ドット絵をきれいに表示できない 小さい画像を拡大表示するとぼける これはCSSから簡単に解決できます。 自分自身もその方法を知らなかったので、 CSSにて小さい画像をぼかさず拡大表示する方法を紹...

タイトルの通り。 Bootstrapでの *-primary 色の変え方について。 自力で書き変えする方法もありますが、 一括でprimary色を変更するツールもあります。 超便利だったので、その方法をまとめました。 デ...

セレクトボックス(select)を作るとき・・・ option内の文字色を変えたり、 optionの横にアイコン表示したり、 optionに何か装飾を加えたい、 そういう場面がありました。 そこで セレクトボックスのop...

ここで話題になるのは以下のような疑似クラス first-child last-child nth-child first-of-type last-of-type nth-of-type nth-last-of-type...

オーバーレイ表示したいのは、例えばこんな場面。 画面全体を無効化したいとき 操作を一時的にブロックしたいとき こういうオーバーレイ、作れると意外と便利です。 そこで CSSで全画面オーバーレイを作る方法 を紹介します。 ...

CSSで便利なのが :[crayon-673ef96e60e6d164992480-i/]  という疑似クラス 全体に対して [crayon-673ef96e60e76263190393-i/]  するとき、 全div要...

アイテムを横スクロールできるリストを作りたい・・・ そう思ったので、色々調べて作ってみました。 思いのほか簡単に作れたので、 ここでは CSSだけで横スクロールリストを作る方法 をまとめときます。 横スクロールさせるのに...

タイトルにも書いた通り。 FontAwesome のアイコン幅のせいで見栄えが悪いことがありました。 でもその解決策が分かったので、 FontAwesomeでアイコンを等幅にする方法＆CSSコード を紹介します。 アイコ...

あまり使うことが少なかった [crayon-673ef96e62125879376255-i/]  について。 今まで「 [crayon-673ef96e6212e503149568-i/]  だけでいいじゃん」 とか思...

Bootstrapのドロップダウンメニューを作っていた時、、、 なぜかドロップダウンが動かない 何回クリックしても反応しない なぜか分からず数時間過ごす・・ みたいなムダな時間を過ごしてしまいました。 そこで将来の自分へ...