Ninja UI 独特のUIを提供してくれるjQuery用のUIフレームワーク「Ninja UI」 アイコンや、ボタン、ポップアップ、レーティング、スライダーといった各種UIを提供してくれます。 UIは独特のデザインですが、それなりに汎用的に使えそうなものになっています。 他と同じUIは嫌だ、という方は使ってみるのもよいかもしれません。 関連エントリ jQuery UI のアイコンチートシート レイアウトをユーザの手によってデスクトップアプリ風に調整可能にするjQuery「UI.Layout」プラグイン selectボックス利用時に選択肢を複数選べるUIを提供してくれるjQueryプラグイン「selectList」
米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で提供されるのはテーブルビュー、アコーディオンビュー、ナビゲーションバー、リスト、各種ボタン、ポップアップ、スライダーなど
DroppはWebブラウザ標準のドロップダウンリストを置き換えて使い勝手を良くするライブラリ。 DroppはJavaScript/jQuery製のフリーウェア(ソースコードは公開されている)。HTMLがローカルソフトウェアに敵わない理由の一つがUIの貧弱さにあると思われる。もちろん凝ればそれなりのUIになるが、標準のコンポーネントで表現できるものが少ないのだ。 一つ選択 その一つで不満に感じていたのがドロップダウンの複数選択だ。シフトキーなどを押しながら選ぶなんてのは面倒すぎる。そこで使ってみたいのがDroppだ。 Droppは標準のドロップダウンリストを置き換えるソフトウェアだ。クリックするとリストが表示される。その中から項目を選択すると選択状態が維持される。そのまま追加で項目を選択できる。選択した項目のbらベルは一番上に並べて表示したり、複数項目選択中といったラベルにすることもできる。
以前ご紹介した、スマートフォン向けの JavaScriptフレームワーク、Wink Toolkit がバージョンアップしたんだぜ、と開発者 さんからわざわざお問い合わせ頂いたの でご紹介。以前もかなり豊富なUIでとても 有意義なフレームワークだと感じましたが、 今回はUI面が特にパワーアップ。 Wink Toolkitがバージョン1.3になって機能もいくつか追加されました。3ヶ月間、UIの改善にかなり力を入れてくれたようで、スマフォにかなり合わせてくれましたよ。 jQuery Mobileライクなインターフェースになりました。もともとUIエフェクトの評価は高かったWink Toolkitですが、全体的なデザインが見直されてかなり垢抜けた感じです。 尚、以前の機能やUIは過去記事をご参照下さい。 Wink Toolkitが割と良かったので日本語サンプル作った Demo 前回はほぼ全てのデモを
ちょっと前からFacebookについて感じていたことを脳科学者の茂木さんがいみじくも語ってくれていた。ブクマのコメントでもそれに賛同する意見が多数寄せられているので、合わせてリンクを貼っておく。 茂木健一郎 クオリア日記: Facebookの謎 そのブクマ おそらく話のポイントはココだとおもう。茂木さんのブログを引用する 日本でFacebookが伸びない理由を、日本のウェブの匿名文化と結びつけて論じる人もいる。しかし、私には、それが本質だとは思えない。 Facebookのインターフェイスが、まず私にはよくわからない。一時期のウィンドウズに対して抱いていた違和感と同じように、「ごみごみした」「整理されてない」印象を受ける。 前半はまさに同意見だ。匿名/実名は実はそれほど大した問題ではない。Facebookをしばらくやっていればわかるが、実名主義を徹底して主張しているのは、つまり際限のない匿名
cssやプログラミングcss+jQuery jQueryを使用したcssナビゲーション メニューのまとめです。フェードや スライド、滑らかにドロップダウンする、 などなど色々なメニューをまとめました。 それほど多用はしませんが、必要な 時に探すのが面倒なので備忘録的に。 jQueryを使用したcssナビゲーション メニューのまとめです。フェードや スライド、滑らかにドロップダウンする、 などなど色々なメニューをまとめました。 それほど多用はしませんが、必要な 時に探すのが面倒なので備忘録的に。 という訳で、個人的なjQuery+cssメニューの総集編です。 全部で73個。複数ブラウザでの確認はしていません。順不同です。少し重いかも・・ Large Drop Down Menu スライド&ドロップダウンメニュー Search Box with Filter and Large Drop Do
MVVMパターンに関する認識・知見があちこちに散らばっているように見えるので、そろそろまとめてみる事にしました。この記事は、他の各サイトの記事などでMVVMの基本的な考え方・実装方法などを把握されている方が対象です。 そういった方がMVVMパターンを実務に適応してみようと思った時や、MVVMパターンを要件に合わせてカスタマイズしていく際に、認識すべきパターンの実装方式のそもそもの理由と考え方、要件に合わせて考えていかなければならないポイントを把握する助けとなる情報を提供するのを目的としてこの記事を書きました。(文字ばかりですいません><) MVVMの実装の各要素の実装をこねくりまわすばかりで、その過程でパターンを把握している気になって、パターンの本来の目的を破壊してしまうような実装を推奨してしまっている人も見ます。そんな滑稽な事をしない認識を持って欲しいのです。 MVVMパターンは、WPF
JustVector Social Icons 1.0 Alex Peattie, a web developer and designer. 白黒シンプルがいい感じのベクター形式のソーシャルアイコンセット。 次のようなアイコンが公開されています。 形式は、EPS、SVG、AI、PNG形式で配布してるようです。 当然ながらPNGのものは32x32のラスター形式になっています。 evernote、amazon、facebook等のアイコンもありますね。 関連エントリ iPhone・Androidアプリ等に使えるアイコンセット総まとめ:2010 jQuery UI のアイコンチートシート モダンなブラウザアイコンセット9
jQuery UI API 1.8.6 の日本語リファレンスです。 ソースコードを読み、jQuery UI(公式サイト)のドキュメントを参考に解説しました。 また、全ての解説に、実際に実行できるサンプルを付けました。 jQuery UIとは jQuery UIとは、jQueryライブラリ上に構築された強力なユーザインターフェースライブラリです。 jQuery UIの構成 jQuery UI 1.8.6 は、大きく分けて「インタラクション」「ウィジェット」「ユーティリティ」「ビジュアル効果」3つのカテゴリに分けることができます。 それぞれ、次の機能が提供されています。 インタラクション 対話型ユーザインターフェースを構築するためのライブラリ ライブラリ説明対応ファイル
Windows環境でSubversionによるバージョン管理を行いたい場合に便利なのが、GUIでリポジトリにアクセスできるTortoiseSVNだ。本記事では、TortoiseSVNの導入から基本的な使用方法までを解説する。 図1 TortoiseSVN TortoiseSVNをインストールする TortoiseSVN(本家)は、Windows 2000/XP/Vistaで動作するSubversionクライアントである。エクスプローラーの拡張機能としてインストールされ、エクスプローラーからGUIでファイルのチェックアウトやコミット、アップデートといった作業を行えるのが特徴だ(図1)。 TortoiseSVNはSourceForge.JPのダウンロードページからダウンロードできる。32bit版と64bit版のバイナリインストーラが用意されているほか、UIを日本語を含む各種言語に対応させるLa
かなり前(SDK1.3.4-5)の頃の話題なのですが、Google App Engine でCometを実現するAPIが試験的に導入されました。デモとしてAndroidのロボットが動くやつを見た人も多いでしょう(http://dance-dance-robot.appspot.com/)。 現在、Channel APIは申請し承認されたサーバ(application-id)でのみ利用可能ですが、開発環境では実装して動かしてみることができます。appengine 周辺の人達は出た当初に色々と試しているわけですが、自分も試しにゲームが出来るレベルまで使ってみようと、実装してみました。 題材は囲碁ですが、9路盤という9×9の入門用の盤面としてみました。たまたま囲碁に興味を持ったのでやってみようという流れです。 尚、ソースコードはGoogle Codeで公開しています。 http://code.g
JavaScriptライブラリ「iUI」 連載第1回の「WebアプリをiPhoneっぽくするための5つのポイント」では、業務用iPhoneアプリをiPhoneっぽい見た目にする重要性を説き、iPhoneっぽくするための5つのポイントを解説しました。また、iPhoneっぽいWebアプリを作るためのJavaScriptライブラリをいくつか紹介しました。 今回は、そのJavaScriptライブラリの中から、「iUI」を使ってiPhone用のWebアプリを作ります。 手始めにiUIを使った簡単なサンプルページを作ってみます。また、iUIに独自の見た目、動作を追加する方法についても説明します。 iUIを試す前に iUIを使ったアプリケーション構築を実際に試す前に、まずiUI自体に含まれるサンプルページで、その動作を確認してみます。 なお、iPhoneの実機を使ってiUIの動作を確認するためには、iP
Wijmo Openはメニューやカレンダーなど多彩なウィジェットを提供するjQueryプラグイン。 MOONGIFTはこう見る Wijmo Openは多数のウィジェットが提供されている。この手のライブラリは増えつつあるが、大事なのはどれくらいのパターンに対応できるかということになる。Wijmo OpenはWebアプリケーション全体を規定する訳ではないので、足りないものは他のjQueryプラグインで補えるのが利点になる。 テーマ機能もあるので、いわゆる○○臭は抑えられると思われる。Webアプリケーションはもとより、ちょっとしたイフェクトやデザイン(ウィザード形式の処理など)を実装するのにも役立つと思われる。 [/s2If] Wijmo OpenはjQuery製のオープンソース・ソフトウェア。今後、モバイルのネットワーク利用が当たり前になったり、SaaSが隆盛になっていけば、Webアプリケーシ
せっかくUIパターンについて3つも記事を書いた(UIパターン その1、UIパターン その2、UIパターン その3)ので、自分でもコードを書いて試してみようと思った。 連鎖シミュレーションツール JavaScriptのコードはこれ(puyopuyo.js)。 モデルは2つ。fieldModel (6x12のフィールド)と、nextModel (次ぷよ)。observersフィールドにビューを追加しておくと、適宜update()関数をキックしてくれる。 fieldModelを書いたときにはgetter/setterをつけてみたのだが、まどろっこしかったのでnextModelではフィールドを直接公開してみた。 ビューも2つ。fieldViewと、nextView。どちらもupdate()関数を持つ。ビューを組み立てるときにはHTML DOMのノードコレクションを渡すようにしてい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く