HTML5対応のjQuery UI向けウィジェット集「Aristo jQuery UI Theme」,
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アプリケーションでも活かすことができそうだ。これだけの部品が用意されていれば、大抵のものは作れるのではないだろうか。
[s2If current_user_can(access_s2member_level1)]
デモ3(プレミアム限定)
[/s2If]
[s2If current_user_can(access_s2member_level1)]
デモ4(プレミアム限定)
[/s2If]
MOONGIFTはこう見る
Aristo jQuery UI ThemeはObjective-Jで知られるCappuccinoのデザインをポーティングして開発されているらしい。そのためどことなくAppleらしさを感じさせるデザインになっている。HTML5なので旧来のブラウザでは動作しないのが難点になる。
新しいWebアプリケーションを開発し、それをモダンなデザインにしようと思ったらぜひとも使ってみたいウィジェット集だ。一つ一つの機能を提供しているライブラリもあるが、パズルのように組み合わせると統一感がなくなってしまう。Aristo jQuery UI Themeくらいの量が用意されていれば一つのライブラリでまとめて統一されたデザインに仕上げられることだろう。