jQuery Knobはノブを使って値の設定を行うコンポーネントです。スクロールで値をスムーズに変化させられます。 Webで標準で使えるコンポーネントはパターンがとても少なく、表現力が乏しいのが欠点です。今回紹介するjQuery Knobはノブ型のコンポーネントでスクロールを使って値を設定するタイプの新しいコンポーネントになっています。 デモです。サークルの中でスクロールすると値がスムーズに変化します。 大きさや数字を非表示にしたりできます。 表示のみに設定もできます。 アクションで表示を行うこともできます。 iPodのホイール風表示です。マックスを設けずに表示もできます。 デモ動画です。 jQuery KnobのデザインはCanvasを使って描かれており、画像を用意する必要はありません。また、タッチやマウスホイール、キーボードによる入力に対応したイベントが取れるようになっています。テキス
Metro UI CSSはWindows 8のMetro UIをHTML5/CSS3で再現したソフトウェアです。 次期WindowsのWindows 8ではMetro UIと呼ばれる新しいインタフェースが利用されています。そんなMetro UIをCSSで再現したのがMetro UI CSSになります。 デスクトップで見たイメージです。アイコンが並んでいます。 選択できる画像リストです。 選択できるリストです。画像も埋め込めます。 チャットなどで使えそうなリストです。吹き出しもついています。 アプリケーションリストです。 時計などのウィジェットです。 iPadでの表示です。タブレットの方が最適化されています。 左右の移動もできます。 デモ動画です。動きはスムーズです。 動きはかなりスムーズで格好いいです。パネルを押すとちょっとへこんだり、ボタンも多数用意されています。リストをタップして選択し
HTML5 ClearはiOSのTodoアプリClearに似た操作をHTML5で実現しています。 これまでにないほど先進的なUIをもったTodoアプリがClearです。こちらはiOSアプリですが、同様の操作をHTML5で実現しているのがHTML5 Clearになります。 トップ画面です。タスクリストが並んでいます。 次にタスクが並んでいます。操作がそのままタスク名になっています。 タップでエディットです。 ドラッグダウンで新しいタスクを追加できます。 タスクを右にスワイプすると完了になります。 HTML5 ClearはClearの全ての動きを再現している訳ではありませんが、何となくそれっぽい動きが実現できています。HTML5でここまでできるのか、という点からも興味深いソフトウェアです。なおデータは保存されていないのでご注意ください。 HTML5 ClearはHTML5/JavaScript
Kendo UIはデスクトップやスマートフォン、タブレットに対応したUIフレームワーク。 Kendo UIはHTML5/CSS3/JavaScript製のオープンソース・ソフトウェア。WebのUIは表現力がとても高く、自由度が高い。それは良いことでもあるし、悪いことでもある。束縛が何もないために自由に発想できる反面、デザインする才能がないと情報が散らばってしまってどうにもならなくなる。 デモアプリ それを解決するにはまずウィジェットの概念を取り入れていくことだ。そうした部品を適切に配置していくことで画面をパズルのように作り上げていく。デスクトップからスマートフォン、タブレットまで広く使えるUIコンポーネントがKendo UIだ。 Kendo UIのKendoは剣道から来ているようだ。Kendo UIはとても対応範囲の広いソフトウェアで、実に数多くのウィジェットに加えて、Webアプリケーショ
HTML5製のWebサイト向けUI専用の フレームワーク・Kendo UIのご紹介。 iPhoneなどのスマートフォンや、iPad などタブレットデバイスにも対応したWeb サイトのUI設計用に作られたようです。 使いやすいかどうかはおいておいて、 ちょっと見かけないのでメモ。 Kendo UIはHTML5とcss3、JavaScriptで構築されたWebサイト向けのUIフレームワークです。メニューやテーブル、タブ、ドラッグ&ドロップコンテンツなどよく見かけるインターフェースがセットになっていますよ。 @ub_pnrのPostで知りました。いい情報流してくれるので助かります。 スマートフォンやタブレットにもいいですね。以前Ninja UIなんてありましたけど、今度は剣道です。なんでも「HTML開発者の刀として使って欲しい」のだとか。煎茶（Sencha）とか相撲（Sumo）とか同様、なんだか
スマホ用JavaScriptフレームワーク5つ ＋1を徹底研究 jQuery Mobile、iUI、jQTouch、 Sencha Touch、Wink toolkit、PhoneGapとは アシアル株式会社 鴨田健次 2011/6/22 スマートフォン向けJavaScriptフレームワーク／ライブラリを使うと、スマートフォンアプリっぽい見た目のページデザイン、UI（ユーザーインターフェイス）パーツやページ遷移アニメーションを簡単に実装できます。多くは、おのおののフレームワークのルールにのっとったHTMLを書くことで、それらの機能を実現します。 本稿では、jQuery Mobileを筆頭として、いくつか発表されているスマートフォンサイト向けJavaScriptフレームワークを紹介します。 ■ PCサイト向けJavaScriptフレームワークについて PCサイト向けJavaScriptフレー
米IBMは4月11日（米国時間）、HTML5対応オーサリングツール「Maquetta」を公開、非営利団体のDojo Foundationにオープンソースプロジェクトとして寄贈したことを発表した。HTML5を用いたデスクトップ/モバイル向けUIを作成できるオーサリングツールとなる。 Maquettaは、IBMが社内のユーザーエクスペリエンスデザイナー向けに開発したHTML5対応のUIオーサリングツール。MaquettaそのものがHTML5やCSS、JavaScriptで実装されており、HTML5対応Webブラウザで特定のプラグインなどを必要とせずに動作するという。 機能としては、WYSIWYGな編集が可能なUI作成用のビジュアルページエディタ、ドラッグ＆ドロップでのモバイルUIオーサリング、同時に編集が可能なデザインビューおよびソースビュー、フル機能のCSSパーサー/モデラーを用いた高度なC
ChocolateChip-UIはHTML5製のスマートフォン最適化サイト用フレームワーク。 ChocolateChip-UIはHTML5製スマートフォン用のオープンソース・ソフトウェア。スマートフォンはこれまでのデスクトップ型に比べると圧倒的に画面サイズが小さい。そのためWebサイトのデザインを行う上で注意すべきことが色々ある。またiOS風にデザインするのも難しい。 リスト そのためデザインテンプレートを使うのが一般的になっている。Webデザインだけを提供するもの、jQuery Mobileのように統合的に提供するものなど色々あるが、ChocolateChip-UIは後者に属するスマートフォンWebサイト向けフレームワークだ。 ボタン ChocolateChip-UIで提供されるのはテーブルビュー、アコーディオンビュー、ナビゲーションバー、リスト、各種ボタン、ポップアップ、スライダーなど
かなり前（SDK1.3.4-5)の頃の話題なのですが、Google App Engine でCometを実現するAPIが試験的に導入されました。デモとしてAndroidのロボットが動くやつを見た人も多いでしょう（http://dance-dance-robot.appspot.com/）。 現在、Channel APIは申請し承認されたサーバ（application-id）でのみ利用可能ですが、開発環境では実装して動かしてみることができます。appengine 周辺の人達は出た当初に色々と試しているわけですが、自分も試しにゲームが出来るレベルまで使ってみようと、実装してみました。 題材は囲碁ですが、９路盤という９×９の入門用の盤面としてみました。たまたま囲碁に興味を持ったのでやってみようという流れです。 尚、ソースコードはGoogle Codeで公開しています。 http://code.g
Powering realtime experiences for mobile and webBi-directional hosted APIs that are flexible, scalable and easy to use. We create and maintain complex messaging infrastructure so you can build the realtime features your users need, fast. Bi-directional hosted APIs that are flexible, scalable and easy to use. Get started today and find out what you can build with Pusher
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
