デバイスに応じて情報量を制御したい時に使えるjQueryライブラリ·Responsive Content MOONGIFT
Responsive Contentは画面幅に応じてコンテンツの出し分けを行うためのjQueryライブラリです。 レスポンシブWebデザインの弱点として、送信するデータ量はデバイスの大きさに関わらず同じというのがあります。非表示にすることはできますが、データが送られているのには変わりません。そこで使ってみたいのがResponsive Content、デバイスに応じて送信コンテンツ量を制御できるソフトウェアです。 参考例。デスクトップであれば20件程度の記事が出ます。 画面幅を縮めた場合、5件程度の記事になりました。 Responsive Contentの仕組みはシンプルで、jQueryを使ってデバイスの幅や種類を送信します。それをサーバサイドで受け取って、送信するコンテンツ量を制御するという仕組みです。 Responsive ContentはjQuery/JavaScript製、MIT L
JavaScriptエディタ「Scripted」をVMware/SpringSourceがオープンソースで公開
VMwareのSpringSourceが、JavaScript/HTML5対応のエディタ「Scripted」をオープンソースで公開しました。 Scripted自身がHTML5/JavaScriptで記述されているためWebブラウザ上でエディタとして動作し、HTML/CSS/JavaScriptのシンタックスハイライト、JSLintによる文法チェック、エディタのカスタマイズ機能などを備えています。エディタ部分の機能はEclipse Orionを再利用したとのこと。 Scriptedの全体画面。右側に別ファイルを表示しているところ。
オブジェクト同士の関連性から価値を見いだそう·VivaGraphJS MOONGIFT
VivaGraphJSはオブジェクト同士の関連性をビジュアル化するJavaScriptライブラリです。 最近はソーシャルサービスが流行です。そこで求められるのはユーザまたはオブジェクト間の繋がりになります。それをビジュアル化するのに使えるライブラリがVivaGraphJSです。 Amazonの関連書籍をたどっていくグラフです。 書籍をクリックすると詳細が表示されます。 YouTube版。ノードをクリックするとその場で動画の再生ができます。 Facebookの友達情報の可視化です。 表示方式も様々にあります。大量の情報だとレンダリングが重たいのが難点ですが、インパクトがあります。 より表示したい情報に合わせたアクションを選んでみてください。 こんな密集するパターンも。 VivaGraphJSの使い方はシンプルで、ノードとなるオブジェクトを追加していった後、ノード間のつながりをリンクとして追加
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
連載インデックス「Web技術でネイティブアプリを作れるTitanium」 - ＠IT
