横並び配置 flexbox

中央、均等揃えなど比較的シンプルな記述で表示出来る、今や当たり前の様に使つてる「flexbox」。 子要素の順番入れ替えなんかも出来て、レスポンシブデザインには欠かせない。 そんなflexboxの普段使いのまとめ。

CSSでふわっと変わるボタン

CSSのみでhover時「ふわっと変わる」ボタンの作成。応用すると単なるリンクから、ちょっとリッチな感じになる。 これも「trans…なんだっけ？」と良くなるのでまとめ。

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

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

要素の横並び配置

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

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

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

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

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

削除や置き換えなど文字列の整形

特定の文字などを削除したり、置き換えたり文字の整形をしたい時使える関数たち。頻度の高いものを紹介。

カテゴリーページでのタームの情報取得

一般的に一覧ページで使用するカテゴリー（テンプレートで言えばcategory.php）での情報取得。 名前はカテゴリーだが種別名？としては「タクソノミー」。つまり「カテゴリーと言う名のタクソノミー」。 そのカ...

固定ページの情報取得

固定ページってわかりにくい表現だけど、多分ブログで使用する場合は「プロフィール」とか「お問い合わせ」ページなどが該当するはず。要するに「１ページ完結型」のページかと。 投稿と同じ扱いで出来る事も多...

投稿ページの情報取得

似たような関数名があったりして何回も調べたり、今更ながら「こんなの知らんかった！」となることも多いwordpress。 投稿ページは「投稿ID」さえわかれば何とかなる。今回は基本的な情報取得をまとめ。 より良...