DEMOS

2020年公開

  • スライドで2つの画像を比較するデモページを追加

    公開時期: 2020年6月

    JSを使ったユーザーのマウス操作で画像切り替えを行うデモを作成しました。

  • SCSSとJavascriptを使ったGlitchアニメーションのデモページを追加

    公開時期: 2020年5月

    SCSSとJavascriptを使ったグリッチアニメーションのデモを作成しました。

  • SVGとSCSSでひよこをアニメーションするデモを公開

    公開時期: 2020年4月

    SVGスプライトとSCSSを使ってひよこをアニメーションするデモを作成しました。

  • PIXI.jsで猫の画像を分身させるデモを追加

    公開時期: 2020年2月

    PIXI.jsのfilterを利用して一つの画像を複製して表示させるデモを作成しました。

2019年公開

  • Riot.jsを利用したテンプレートを更新

    公開時期: 2019年12月

    Riot.jsの4系に対応したWebテンプレートを更新しました。力業でIE11対応しています。

  • Node.jsでローカルにある複数の画像をディレクトリを分けつつリサイズするスクリプト

    公開時期: 2019年12月

    sharp.jsを利用した画像リサイズのスクリプトを公開を公開しました。

  • jQuery.Deferredでコールバック地獄から抜け出す

    公開時期: 2019年1月

    jQuery.Deferredを使用したデモ。

2017年公開

  • テキストに順番に色を付けるjQueryプラグインを公開しました

    公開時期: 2017年11月

    テキストの色を順番に変更するプラグインを作成しました。

  • Page Visibility APIでウェブページを開いているかどうかを監視する

    公開時期: 2017年9月

    Page Visibility APIを利用したデモ。

  • スクロールしたら要素にclassを付けるだけのjQueryプラグインを作成しました

    公開時期: 2017年8月

    特定の要素がある位置までスクロールして画面内に現れたらその要素にclassを付けるというプラグインを作成しました。