HTML5のデスクトップ通知を簡単に扱えるjqueryプラグイン「desktopify」。:phpspot開発日誌
HTML5のデスクトップ通知を簡単に扱えるjqueryプラグイン「desktopify」。 2011年05月26日- DESKTOPIFY Aquaron HTML5のデスクトップ通知を簡単に扱えるjqueryプラグイン「desktopify」。 このライブラリを使うことで簡単にjquery風の記法でデスクトップ通知が出来るようです 試しに、入力して送信してみると。 という具合にChromeだと表示されます。 通知していいかどうかも聞かれるのでそこを一度許可すれば、便利な通知として使えます。 LightBox的通知もいいですが、わかりやすさでいえばこちらもいいですね。 関連エントリ JavaScriptエラー時にエラーを分かりやすく通知してくれるChrome拡張「JavaScript Errors Notifier」 ブラウザに分かりやすい通知を送れるスクリプト色々 利用者に対し非常に分か
かっこいいページ送り付きのグリッドを簡単につくれる「OpenJS Grid」:phpspot開発日誌
Welcome to Square Bracket かっこいいページ送り付きのグリッドを簡単につくれる「OpenJS Grid」。 次のようなデザインのグリッドを簡単に作れるライブラリ＋サンプルプログラムのセットがダウンロード可能になっています。 Ajaxによるデータロードにより、かっこいいデザインのまま、データをページ送り・ソートできるというもの。 ライブラリ部分はjQueryプラグインになっています。こうしたライブラリは他にも色々ありますが、選択肢の一つとして覚えておいてもよいかも。 単に表示だけではなく、input などを配置してその場で保存なんていう機能もあります。 ドキュメント、サンプルコードが用意されているため、比較的容易に使えるはずです。 関連エントリ 好みのグリッドを作成してPNGやPhotoshop形式でダウンロード可能な「Modular Grid Pattern」 リッ
画像の領域選択が超簡単になるjQueryプラグイン「imgAreaSelect」:phpspot開発日誌
imgAreaSelect jQuery plugin - Examples - odyniec.net 画像の領域選択が超簡単になるjQueryプラグイン「imgAreaSelect」。 他にも同様のライブラリはありますが、これは必要な便利機能がいろいろあって使えそうです <img id="pic" src="..."> とあったとすれば、$("#pic").imgAreaSelect(); で基本は動作します。 あとはオプションで、 ・領域の最大サイズを指定 ・領域のアスペクト比を指定 ・初期選択領域の指定 が可能です。 こういう機能は使っていくにあたってはあったほうが便利そうですね。 UIに癖がなくて汎用に使えそうなところもGood 関連エントリ 画像編集ツールで領域を選択しているようなエフェクトをCSSとGIFアニメで実現する方法 選択範囲をドラッグ＆拡大して写真の部分的な拡大がで
年表作り等に使えるタイムライン実装用jQueryプラグイン「timeglider.js」:phpspot開発日誌
Timeglider jQuery Plugin/Widget 年表作り等に使えるタイムライン実装用jQueryプラグイン「timeglider.js」。 マウスでドラッグ＆ドロップしたり、拡大できたりする年表のUIを提供してくれます。 例えば、どういうJavaScriptライブラリが何年に登場したのか、みたいなものを表示するのに使えます。 誰がいつ入社したのか？といった時系列のデータの表示なんかにも使えそう。 年代なんかも表示できます。 更にアイテムをクリックした場合には注釈を表示することも出来ます。 あまり使う機会はないかもしれませんが、こうしたライブラリはそれほど多く無いので覚えておいても損はなさそうです。 関連エントリ PHP・CSS・jQueryを使った横向きのタイムライン実装例 HTML5ビデオの内容に併せて他コンテンツを連動させて切り替えられるフレームワーク「Popcorn.
iPhoneにもコナミコマンドを対応させるライブラリ・konami-js
誰得ライブラリなのか分かりませんが なんだか反射的にご紹介。iPhoneに もコナミコマンドを適応させるjsライブラ リ、konami-jsです。有名なサイトで かなり導入されているコナミコマンド。 結構需要があるんですかね・・・ iPhoneでコナミコマンドっていう発想すら無かったです・・・が、こういうのは需要を考えてはいけませんよね。 コナミコマンドは上上下下左右左右BAが一般的です。最近流行りのFacebookログイン画面でも使えますよ。対応サイト一覧の記事がありましたのでお試しください。 konami-jsは、このコナミコマンドをiPhoneでも使えるようにするライブラリです。 やってみた このようにアラートを出したり 別の画像を表示させたり。 iPhoneでのコナミコマンドは上フリック2回、下フリック2回、左、右、左、右とフリックし、3回タップすればいいみたいです。 コード<sc
多数の言語に対応して色合いも選べるシンタックスハイライト用jQueryプラグイン:phpspot開発日誌
Snippet jQuery Syntax Highlighter 多数の言語に対応して色合いも選べるシンタックスハイライト用jQueryプラグイン。 メジャーな以下の１５の言語は標準サポートしていて、他にも多数のフォーマットに対応できます。 このプラグインのユニークなところは、３９のカラースキームから選べるという部分。 実に多数の色合いから好きなものを選べるので、様々なタイプのデザインのマッチさせることが出来るでしょう。 実装は必要なライブラリを読み込んで、$(element).snippet("pascal") といった感じでハイライト言語を引数で渡してあげるだけです。 実装もかなり簡単です。 .snippet("php",{style:"navy",showNum:false}); styleで色合いを簡単に指定。行番号のあり・なしも指定可能です。 技術系のサイトを運営している人は覚
リッチすぎるデータグリッド等を実装できるJavaScriptライブラリ１５:phpspot開発日誌
15 JavaScript Data Grids to Enhance your HTML Tables | Hot Scripts Blog リッチすぎるデータグリッド等を実装できるJavaScriptライブラリ１５。 WEBページに実装するグリッドを選ぶ際にかなり参考にできそうです。 スタンドアロンで動くものや、JavaScriptやMootoolsプラグインのものがまとまっています dhtmlxGrid SigmaGrid jTPS – Datatable jQuery Plugin DataTables – Data Table jQuery plugin Flexigrid for jQuery MyTableGrid OmniGrid 全部見る 関連エントリ シンプルなグリッドをレイアウトにオーバーレイ表示できるjQueryプラグイン「Griddy」 グリッドアコーディオンで新
Googleマップを使った経路案内も一瞬で実装できるjQueryプラグイン「jGmaps」:phpspot開発日誌
jGmaps | jQuery Plugins Googleマップを使った経路案内も一瞬で実装できるjQueryプラグイン「jGmaps」 必要なライブラリを読み込んで、次のようにjgmapsメソッドを呼び出すとGoogleマップによる経路案内の地図と文字による案内情報が出ます。 $('#mapa').jgmaps( { width: 300, height: 300, directions:{ address: ['東京都新宿区', '東京都港区'], usePanel: true, panelId: 'panelDirections' } } ); 次のように、経路が地図に表示されます。 文字による案内情報も表示できます。 会社案内や会場案内なんかもこれで速攻実装できそうですね。 ダウンロードできるサンプルをいじくってみましょう。 地名に日本の場所を漢字で使う場合、文字コードはUTF-
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
小さくで可愛いグラフが描けるjQueryプラグイン「Piety」:phpspot開発日誌
DHTMLXがiPad / iPhoneのようなタッチデバイス向けのHTML5製フレームワーク・DHTMLX Touchを配布してた