style01

今年最初の投稿はお知らせ等に使えそうなバルーンです。 バルーン以外の箇所をクリックした時はバルーンを非表示にします。 See the Pen 180112_フキダシ by nekuta (@nekuta) on CodePen. 連続クリックの防止 jQueryの.on()は処理が重複するので、フラ…

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

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

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

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

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

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

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