[CSS] 縦スクロールのニュースティッカー

縦方向に1件ずつスクロール表示するやつ

See the Pen Pure CSS News Ticker (vertical) by Tenderfeel (@Tenderfeel) on CodePen.

表示エリアの高さ=リスト要素1件の高さ=keyframeのスクロール量 にする。
keyframesに入れてるvisibilityを消すと巻き戻る様子が表示される。
演出として巻き戻すところを敢えて見せるなら消してもよろしいと思う。

[JS] Object.entries や Template Strings による簡単なテンプレート

JavaScriptでオブジェクトをループさせたいと思った時は Object.keys でキーだけ配列にしたものを
Array.forEach で回すっていうのが鉄板だったが、
ES2017の Object.entries の方が見た目エレガントやなあと思った。

続きを読む [JS] Object.entries や Template Strings による簡単なテンプレート

[WordPress] カスタムフィールドの値でフィルタリングや並び替えする

アクションフックpre_get_postsによるクエリ操作と管理画面のカスタムについてのメモ。

続きを読む [WordPress] カスタムフィールドの値でフィルタリングや並び替えする