これは凄い、Excelの関数も使えちゃうスプレッドシート実装jQueryプラグイン「jQuery.sheet」 2010年01月26日- jQuery.sheet これは凄い、Excelの関数も使えちゃうスプレッドシート実装jQueryプラグイン「jQuery.sheet」。 参照に対応していて、A1 に 2 が入っていたとして、A2に「=A1*2」とするとちゃんと4と表示されたり、色々なおなじみのExcel 関数(ABS, AVERAGE, CEILING, COUNT, IF, MAX, MIN, PI, ROUNDなど)をそのまま使うこともできてしまいます。 デモページ 単にソート機能がついたり、そのまま編集できるだけではなく、本当にExcel っぽいところがすごいですね。 デザインは上記固定ではなく、色々なデザインテーマを適用することもできるようです。 あと、実装もjQueryプラ
generate_tagsプラグインの概要・特徴 † ページにタグ付けして管理するためのプラグインです。 特徴 タグの生成をボタンを押した時点で行うようにしたことで、従来のタグ付けプラグインのような無理矢理な感じを無くた 豊富な表示形式（横並び、縦並び、タグクラウド） PHP4・5対応 タグをグルーピングできるタググループ機能（いわゆるメタタグ機能） タグの入力漏れを防げるタグリレーション機能 メンテナーがこのプラグインしか作る気がないので、素早い対応 ↑
jQuery plugins come in all shapes and sizes. They perform very simple or very complex tasks depending on their intended use. When it comes time for you tojQuery plugins come in all shapes and sizes. They perform very simple or very complex tasks depending on their intended use. When it comes time for you to design your own plugin, its really important to understand what patterns other developers u
2009-12-09 OpenSocial jQuery に mixi Platform 固有の拡張機能を追加する jQuery プラグインを公開しました。 おはようございます。ちょっと体調のすぐれない Nobuhiro Nakajima です。 OpenSocial jQuery mixi Platform 1.0.0 をリリースしました。 http://code.google.com/p/opensocial-jquery/ -- Downlaod http://code.google.com/p/opensocial-jquery/wiki/PluginMixi -- Document OpenSocial jQuery mixi Platform は mixi 固有の拡張機能を OpenSocial jQuery に追加するための jQuery プラグインです。OpenSo
These examples demonstrate the basic effect of jQuery Masonry. $('#primary').masonry({ columnWidth: 100, itemSelector: '.box' }); itemSelector is specified to rearrange all box elements, including the ones inside another div. <div id="primary" class="wrap"> <div class="box col2">...</div> <div class="box col1">...</div> <div class="box col1">...</div> <div class="box col3">...</div> <div> <div c
to_xls PluginはRuby製、Rails向けのオープンソース・ソフトウェア。Webシステムで何らかのデータエクスポートを行う場合、よく使われるのがCSV形式だ。汎用的なフォーマットであるし、表形式で出力すれば表計算ソフトウェアで取り込んで使うことも容易だ。 だが人によってはこれでは満足しない人がいるかも知れない。そのような方に対してはExcelとして出力できるto_xls Pluginを使ってみてはいかがだろうか。システム側の負担も少なく、よりユーザの要望にあった出力ができそうだ。 to_xls Pluginはrespond_toの一つとしてXLS形式での出力をサポートする。とても簡単に実装ができる。そしてファイルはXMLベースのExcelファイルとして出力される。バイナリベースではないが、Excelのファイルとして読み込ませることが可能だ。 実データはXML形式 ファイルはダウ
d="M21.99 12.055C21.99 6.49775 17.5122 2 11.995 2C6.47776 2 2 6.49775 2 12.055C2 17.0725 5.65817 21.2304 10.4358 21.99V14.9635H7.89705V12.055H10.4358V9.83608C10.4358 7.31734 11.925 5.92804 14.2139 5.92804C15.3033 5.92804 16.4528 6.12794 16.4528 6.12794V8.6067H15.1934C13.954 8.6067 13.5642 9.38631 13.5642 10.1759V12.065H16.3328L15.8931 14.9735H13.5642V22C18.3418 21.2504 22 17.0825 22 12.065L21.99 1
テキストリンクのカラーにフェード効果を与えるスクリプトをJanko At Warp Speedから紹介します。 Fade colors using jQuery demo フェード効果は不透明度でコントロールされており、リンクの数でフェードの段階が調整されています。 また、不透明度ではなくRGB値をコントロールする複雑なバージョンもあり、より微妙なカラーを使用することができます。 demo: RGB Fade colorsはjQueryのプラグインのため、実装にはjquery.jsが必要です。 このスクリプトはretweetradarで使用されている、人気が高いものほど強調され徐々にフェードさせたリンクコンテンツにインスパイアを受けて作成したものとのことです。
大量のアイテムもスッキリとリスト形式のメニューにしてしまえる「jQuery ListMenu Plugin」 2009年10月22日- jQuery listmenu plugin - javascript list navigation menu control 大量のアイテムもスッキリとリスト形式のメニューにしてしまえる「jQuery ListMenu Plugin」 次のように大量のアイテムがあったとしても・・・ ↓↓↓↓↓↓↓↓↓↓↓↓↓ jQuery ListMenu Plugin があれば次のように超スッキリさせることが出来ます。 使い方はいたって簡単で、次のようにコードを書けば最低限実装できます。 $('#demo1').listmenu(); $('#demo1').listmenu( { option } ); で各種カスタマイズも可能です。 日本のサイトとしては日本語が
可変グリッドレイアウトjQueryプラグイン(jquery.vgrid.js) なんだか可変グリッドレイアウトがまた流行ってる（？）ようなので、jQueryプラグイン書いてみた。 一通りブラウザで表示確認ぐらいはしたけど、テストは十分じゃありません。 Demo Demo Index 利用方法はデモのソースを確認してください。(ウィンドウリサイズして動きも確認してね) Download github zip file 利用には、jQuery本体とjquery.easingプラグインが必要です。別途読み込んでください。 更新情報 v0.1.8 (20120421) display属性で、グリッド要素の表示/非表示を切り替えれるように修正しました。 demo009を追加 v0.1.7 (20111110) 複数の可変ボックスを指定すると、開始位置がおかしくなるバグを修正しました。 demo008
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
最近やたらとURLなどの文字列が折り返されない現象で頭を悩まされます。IEとSafari3以降はCSSでword-break:break-allを指定すれば折り返してくれます。Firefox3はハイフン(-)やスラッシュ(/）があればそこで折り返すのですが、半角英数のみだと折り返してくれません。word-break:break-allと少し挙動が違うようです。Firefox2はハイフン等の記号があっても折り返さず、突き抜けてしまします。 to-RさんがFirefoxとOperaでword-break:break-allを実現する「wordBreak.js」を公開していますが、tableだけにしか適用されずFirefox2をサポートしていないので、自分で書いてみました。（追記：ソースをgistにあげました） wordbreak.js for jQuery — Gist IEとFirefox2
PHPのGraphicsMagickで画像を様々に加工するサンプルコード集がdevzone.zone.comで公開されています。 画像加工の基本〜フィルタをあてる等、完成後のイメージ付きでコードが公開されていてかなり便利。 そもそも、GraphicsMagickを使えば簡単なコードで高度な加工が可能ですが、サンプルコードもあれば高度な処理を素早く実施できますね。 画像の情報を得る 画像の伸縮 フレーム内に画像をまるめる 水平・垂直反転 画像に枠を付ける ぼかしフィルタ 渦巻きフィルタ 画像をイラスト調にする その他サンプルと、具体サンプルコードは以下のエントリを参照してください。 Manipulating Images with PHP and GraphicsMagick
2009年03月03日 付箋アプリを作ってみた2 付箋アプリを作るために作った、AIR用jQueryプラグインを紹介します。 1.DBアクセス用プラグイン(jQuery.airDB) このプラグインは２つのファイルから成っています。 すべて非同期で接続します。 PHPのZend Frameworkをほんのちょっとだけ意識して作りましたが、PHPにもSQLにも詳しくないので、複雑なSQLは直接書いて下さい。 GROUP BYとかHAVINGとかはありません。 jquery.airdb.core.js jquery.airdb.js DB接続 第1引数にテーブル名、第2引数に接続成功時のコールバック、第3引数に接続失敗時のコールバックを指定します。 $.airDB.connect('tableName', success, error); テーブル作成($.airDB.create) 第1引数
Enter/Tab項目移動とFunctionKey制御 jqKeyプラグイン更新 - せかにゃ～ 内容が古くなりましたので、上記記事をさんしょうしてください。 前回べた書きしましたが、プラグイン化で整理しました。 [http://hidenet.ath.cx/jqEnterTab.js:title=jqEnterTab.js SourceCode] $.extend($.fn,{ EnterTab:function(o){ var Focus_Move = function(df,i,ln,shift){ //フォーカスを取得できないものは飛ばします var mv; if (shift){ mv = -1; }else{ mv = 1; } var j = (i+mv) % ln; var Fo,Fs; while(i=j){ Fo = df[j]; Fs = Fo.style; if (
AIRでSQLiteをもう少し簡単に使えるように、叩き台用にライブラリ化してみた。 久しぶりのプログラム記事かもしれない。。。（゜◇゜） AS(Action Script)ではなく、JS(Java Script)用なので注意。 とりあえず、使い方とかを紹介。 ファイルの入手 AirDB.v010.zipからjsファイルを入手。 内容は以下の通り。 AirDB.v010.js （オリジナルファイル） AirDB.v010.pack.js （pack圧縮ファイル） ソースコードは「AIR SQLiteライブラリ AirDB.js ソースコード [ピクスメイト]」で確認できます。 まずは読み込む AIRプロジェクトのhtmlファイルのヘッダー要素に以下を追加。 <script type="text/javascript" src="AIRAliases.js"></script> <scri
jQueryでQueryStringをパースして配列で受け取れる便利関数が公開されていました。 hogehoge?a=b&c=d&e=f の ? 以降のQueryStringを {"a":"b", "c":"d", "e":"f" } といった配列で簡単に受け取れます。 次のような関数によって実現しています。 function getUrlVars() { var vars = [], hash; var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); for(var i = 0; i < hashes.length; i++) { hash = hashes[i].split('='); vars.push(hash[0]); vars[hash[0]] = ha
jQuery Flipping Menu Tutorial using backgroundPosition Plugin | Queness jQueryでフリップするカッコいいメニュー作成のチュートリアルが公開されています。 カーソルを合わせると、グレーの文字がスライドして、赤くなります。 静止画で見ると微妙なのでデモページをどうぞ カッコいいFlashで出来たサイトのメニューっぽいですが、これをjQueryで導入できるということで、メニュー部分にクールな印象を持たせたい場合は使ってみるとよいのかも。 関連エントリ ナビゲーションメニューを1歩進んだものに引き上げるjQueryチュートリアル集 これでサイトに独自の右クリックメニュー実装は誰でも簡単「jQuery Context Menu Plugin」 ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集
マウスのホバー時に、光源がカーソルに追従するエフェクトがかっこいいスクリプトをcoders.meから紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
