ITエンジニア/デザイナ向けにオープンソースを毎日紹介

人の目を引くデザインは奇抜なものばかりではありません。普段何気なく使っているものが別な場所にも出てきたりすると驚かれることもあるでしょう。特にコンピュータ内で自然に存在するものを再現すると興味を持つ人たちがたくさんいます。

今回紹介するWobble window jQuery pluginもそんなライブラリの一つです。柔らかなインタフェースを実現します。

Wobble window jQuery pluginの使い方

デモです。柔らかくなります。

プルンプルンです。

複数に適用する例。

Wobble window jQuery pluginはCanvasを使って表現されています。そのため、滑らかにアニメーションできるようになっています。普段直線的で固いイメージのある枠線がプルプルと震えるのはなかなか面白いデザインではないでしょうか。

Wobble window jQuery pluginはjQuery/JavaScript製のオープンソース・ソフトウェア(MIT License)です。

Niklas Knaack Dev Blog: Wobble window jQuery plugin

NiklasKnaack/jquery-wobblewindow-plugin: Wobble Window is a fancy jQuery plugin that helps you create a cool, interactive, configurable, HTML5 canvas based gooey effect when the mouse moves in/out a specified element.

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2