jQueryでスクロールするとふわっと表示

jQueryを使いスクロールし、ある時点で「ふわっと」表示するやつ。 CSSセレクタの切り替えで実装…なのだが、よく忘れるのでまとめておく。

要素の横並び配置

CSSで親要素の直下の子要素を横並び配置する方法はいくつかあるが、昨今flexbox頼りになっているので忘れ気味。 備忘録として、基本的なものをまとめてみる。

CSSで上下左右ド真ん中に配置

親要素の上下左右ド真ん中に子要素を配置したい時は多々ある。それぞれ幅や高さが決まっていれば中央配置はmarginなど駆使しても何とかなりそうだけど、現在主流のレスポンシブデザインなど幅が可変場合はなかな...

何番目の子要素を何とかする…nth-child

cssを記述する時「何番目は色を変えて…」とする場合などに有効なスグレモノ。 idやclassセレクタ付けまくらなくとも済むので、htmlコードもスッキリ！ ただ「n」をどう書くんだっけ？といつも忘れるのでまとめ。