style01

ビジュアルエディタをカスタマイズする案件があったのでメモ。 カスタム投稿タイプごとに効かせるcss振り分けるのかな・・とか思ってましたが今回はcssだけでなんとかなりました。

特定数ずつ表示させるリストを作りました。 今回はjQueryを使用しています。 デモでは最初に3個表示させ、ボタンを押すと３個ずつ表示させます。 複数あったときにどうやって値を残しておこうかと考えていましたが配列に入れることにしました。 See the Pen 181013_3件ずつ表示するリスト …

canvasでドーナツグラフと円グラフを作りました。 複数必要だったので、何個も置けるようにしました。 See the Pen 180930_canvasで作るドーナツグラフと円グラフ by nekuta (@nekuta) on CodePen. html [crayon-5c1552c08a13…

cssだけでアコーディオンに挑戦しました。 仕様上高さをあらかじめ指定しないといけないようになっているのでjsで高さを補完した方が良いと思います。

コンテンツの要素量が少ない時にbodyの高さをブラウザの高さまで伸ばしてくれるjavascriptです。

ブラウザの下に追従するものが付いている場合がありますが、そういうものがあった場合にfooter要素に追従する要素の高さ分padding-bottomをとるjavascriptです。

作ったスクロールエフェクトを集めました。 スクロールすると要素が出現します。 スクロール値によってjsでクラス’is_visible’をつけています。 そのあとのアニメーションはすべてcssです。   See the Pen 180727_スクロールエフェクトいろい…

WordPress Popular Postsをカスタマイズする機会があったので。 かなりカスタマイズできて面白いです。うちのブログでもやりたいです。 こちらのサイトさんを参考にさせていただきました。 人気記事を表示する「WordPress Popular Posts」でカスタムフィールドの値を出力…