TOP  >  WebDesign  >  javascriptで様々なバブル表現が可能なオープンソース「Bubbly Backgrounds: Moving Backgrounds for Your Website」
2017年11月01日

javascriptで様々なバブル表現が可能なオープンソース「Bubbly Backgrounds: Moving Backgrounds for Your Website」

普段何気なく閲覧しているサイトですが、UIデザインや背景の処理など様々な部分に工夫が凝らされています。そんな中今回は、javascriptで様々なバブル表現が可能なオープンソース「Bubbly Backgrounds: Moving Backgrounds for Your Website」を紹介したいと思います。

bubble01

様々なバブル背景が簡単な手順で制作することができるようになっています。

詳しくは以下

bubble02

こちらは、ノルウェーの開発者Davidによって書かれたJavaScript。簡単な構造で書かれたソースはウェブサイトに負担もかからず、滑らかにバブルを動かしてくれます。色やバブルの動きに変化をつけたい時にソースを調整する必要がありますが、そんな時にはオプションを使えば簡単に変化を楽しむこともできます。ソースを参考にして、自分のオリジナルの表現をしてみても面白いかもしれませんね。

このようなオープンソースはそのままでも使えますし、様々なアレンジも可能なので幅広く活躍できそうです。商用利用も無料ですので、試しに使ってみてはいかがでしょうか。

Bubbly Backgrounds: Moving Backgrounds for Your Website | NOUPE

posted 01:45  |  
Category: WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る