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

Aristo jQuery UI ThemeはjQueryを使ったHTML5対応ブラウザ向けのウィジェット集。

Aristo jQuery UI ThemeはWebベース、JavaScript/jQuery製のオープンソース・ソフトウェア。iOSやAndroidといったスマートフォンに対してアプローチする方法としては二種類ある。一つはネイティブアプリを開発する、もう一つはWebベースでの提供だ。


デモ1

ネイティブアプリに比べるとWebサイトでは可能なことは限られるが、情報発信系サイトではネイティブアプリを用意してもダウンロードされる率はあまり高くなく、むしろWebサイトで定期的に見てもらう方が多かったりもする。そこで使えるのがAristo jQuery UI Themeだ。

jQueryではjQuery Mobileのようなスマートフォン向けライブラリが用意されている。だがこれを使うとWebサイト全体がjQueryによって支配されてしまう。Aristo jQuery UI ThemeはあくまでもjQuery UI向けのテーマであり、HTML5向けにリッチなUIを提供してくれる。


デモ2

オートコンプリート、UIボタン、アイコンボタン、トグルボタン、水平/垂直スライダー、アコーディオン、タブ、モーダルウィンドウ、プログレスバー、数多くのアイコン、モーダル表示時の背景をグレーアウトする処理などとなっている。いずれも見た目がグレーと薄い青に統一されていて分かりやすい。

このAristo jQuery UI Themeであれば、スマートフォン向けにもデスクトップ向けのWebアプリケーションでも活かすことができそうだ。これだけの部品が用意されていれば、大抵のものは作れるのではないだろうか。


MOONGIFTはこう見る

Aristo jQuery UI ThemeはObjective-Jで知られるCappuccinoのデザインをポーティングして開発されているらしい。そのためどことなくAppleらしさを感じさせるデザインになっている。HTML5なので旧来のブラウザでは動作しないのが難点になる。

新しいWebアプリケーションを開発し、それをモダンなデザインにしようと思ったらぜひとも使ってみたいウィジェット集だ。一つ一つの機能を提供しているライブラリもあるが、パズルのように組み合わせると統一感がなくなってしまう。Aristo jQuery UI Themeくらいの量が用意されていれば一つのライブラリでまとめて統一されたデザインに仕上げられることだろう。

デモ:jQuery UI Example Page

taitems/Aristo-jQuery-UI-Theme - GitHub

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2