レガシーなWebブラウザでもsessionStorageを·sessionStorage MOONGIFT
sessionStorageはHTML5非対応のWebブラウザでもsessionStorageを使えるようにするライブラリです。 HTML5の機能の一つ、Web Storage。その一つであるsessionStorageをレガシーなWebブラウザでも使えるようにするソフトウェアがsessionStorage（名称が紛らわしいですが…）です。 最初の画面です。この時点でセッションが開始しています。 26秒経過しています。 別なタブです。こちらでは8秒。タブごとにセッション情報が管理されています。 IE8でも動きます。もちろんタブごとに情報が違います。 使い方は簡単で、sessionStorageオブジェクトに対してsetItem(key, value)でデータの保存、getItem(key)でデータの取得になります。テキストのみ保存できるようですが、データをシリアライズすればサーバとの連携も
奇麗なデザインのタグによるフィルタリングライブラリ·Filtrify MOONGIFT
Filtrifyはタグ情報をつけたアイテムをフィルタリングして表示するJavaScriptライブラリです。 データをタグで管理するケースはよくありますが、その見せ方は様々です。一例としてFiltrifyを紹介します。とてもエレガントにタグ付けされた情報を一覧化、フィルタリングできます。 全て表示されている場合です。 メニューを出してタグを指定します。カテゴリごとのアイテム数も出ています。 タグの指定は複数できます。 指定すればより絞り込まれていきます。 タグは複数のカテゴリで作成できます。 二つ目を指定すればより少なくなります。 消してしまうほか、ハイライトにすることもできます。 選択肢を表示しているデモです。 data-*を選択肢に利用するデモです。 ページネートも可能です。 一つのアイテムには複数のカテゴリ以下に複数のタグをつけられます。アパレルで言えば取り扱いサイズ、色、季節、対象性
便利なJavaScriptライブラリを一覧で比較できる『jster』 | バシャログ。
kindle paperwhite3Gを買ったら読書が大変はかどっているminamiです。 JavaScriptのライブラリを探すのに便利なサイトのご紹介をします。 jster jsterは、JavaScriptのライブラリを用途別に集めたサイトです。WebサイトのUIからMVCフレームワーク、ゲームエンジンといった分類で分けられているのでライブラリの比較検討をするにはとてもよさそうです。 気になるUIのカテゴリを見てみました。やはりTwitter BootStrapの関心が高いようですね。同様の機能を持つライブラリが複数あっても、人気や使いやすさによってはその後の主流になるかならないかの問題は常にあるので、どのライブラリが注目を集めているかをチェックするのにも良いかもしれません。 まとめ 一口にJavaScriptのライブラリ、といっても用途も様々になってきました。利用方法ごとにまとめら
無茶しやがる…JavaScriptだけでZipファイルを生成、ダウンロード·JSZip MOONGIFT
JSZipはWebブラウザ上、クライアントサイドだけでJavaScriptを使ってZipファイルを生成するソフトウェアです。 JavaScriptでできることがどんどん増えています。そんな中、注目したいのがJSZipです。なんとJavaScriptだけでZipファイルを作ってしまうというとんでもないソフトウェアです。 デモページです。コードを見て分かる通り、テキストファイルと画像をZip圧縮しています。 実際ダウンロードされたZipファイルを解凍すると確かにフォルダやファイルが入っています。テキストの内容を変えればダウンロードされたファイルの中身も変わっていました。 JSZipが面白いのは動的にZipファイルを作成できることではないでしょうか。ユーザにコンテンツをダウンロードさせたいという時にその場の内容をそのまま圧縮して送れるようになります。アイディア次第で色々な使い方ができそうなソフト
ページ遷移不要の、シンプルなWebサイトを作るための軽量jQueryプラグイン・Pagify - かちびと.net
よく見かける、ページ遷移のない Webサイトを作る為のjQueryプラ グイン。ですが、高機能な物では なく、極めてシンプルで、ライブ ラリも軽量です。サクッと作りた い時のテンプレにもいいかも。 僕の語彙の無い説明よりサンプル見た方が早そうですね。 ※漢字も間違ってたので修正しました ページ遷移不要で、内容を書き換えた際もフラグメントURLにしてくれます。以下サンプル。 Sample コード <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js?ver=1.7'></script> <script src="pagify.js" type="text/javascript"></script> jQuery本体とプラグインを読み込みます。 $(
様々なグラフを描画できるJavaScriptライブラリ「NVD3.js」:phpspot開発日誌
NVD3.js :: re-usable charts for d3.js 様々なグラフを描画できるJavaScriptライブラリ「NVD3.js」 d3.jsという以前紹介したライブラリをベースに利用しているみたい。 グラフ描画のライブラリは色々ありますが、こちらのライブラリで描画するグラフのデザインもなかなかいい感じですね マウスとのインタラクティブなグラフ実装が可能で拡張も容易みたい サンプルページにはソースがついているので参考に組めば抵抗なくグラフが描けそうです 関連エントリ 見た目がクールなグラフ描画用jQueryプラグイン「Morris.js」 HTML5で綺麗でインタラクティブなグラフが描けるライブラリ「Flotr2」 様々な時系列グラフを描画できるJavaScriptライブラリ「Rickshaw」 クールなドアノブ風の％グラフを描画できるjQuery Knob
Webベースのダイナミックでクールなプレゼンテーションを実装する為のJavaScriptフレームワーク・Mosho
Web上でプレゼンする為のJavaScript フレームワーク、Moshoのご紹介です。 impress.jsライクなダイナミックな 動きのプレゼンテーションをHTMLで 実装する事が可能です。シンプルで 良かったのでお勧め。 この手のは色々出ていますので探せばいくらでも見つかると思いますが、MoshoはjQueryやmootoolsなどのライブラリに依存しないスクリプトですので覚えておいて損は無いかも。 よくあるプレゼンのやつ。HTML5/CSS3/JavaScriptで作ります。サイズは非圧縮版で15KBほど。 以下にサンプル用意しました。矢印キーで操作します。 Sample data属性で指定するスライドごとの動きはimpress.js同様、カスタムデータ属性で操作します。 <div class="mosho-slide" id="3d-transform" data-x=1120
スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」:phpspot開発日誌
QUOjs - Micro JavaScript Library スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」 タップ、ダブルタップ、ホールド、スワイプ、スワイプ上下左右、ドラッグといったイベントを実装するのに使えそう モバイルということで3G回線にも配慮した13KBは嬉しい。 今後はローテートやピンチイン・アウトにも対応予定だそう 実装はjQueryライクで超簡単。 関連エントリ たった2KBで動作するスマホ用マルチタッチジェスチャーライブラリ「Hammer.js」 スマートフォンでの指ジェスチャの説明に使えるアイコンセット「Cue」
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
