2010-01-01から1ヶ月間の記事一覧

お手軽に付箋を作るjQueryプラグインjQuery Sticky Notes Plugin

少し前に、AjaxとjQueryで付箋を作るセットが話題になりましたが、これのjQueryプラグイン版といえるものがjQuery Sticky Notes Pluginです。 Ajax機能や、サーバーサイドスクリプトはセットにありませんが、そのかわり付箋の直接編集が可能ですし、オプショ…

Canvas要素のアニメーションライブラリcakejs

HTMLで規定されている、2次元画像用の要素Canvasで簡単にアニメーションできるライブラリがcakejsです。 なぜか日本では紹介されていませんが、2008年ごろからリリースされている歴史のあるライブラリで複雑な図形やそれを使ったアニメーションを簡単に書く…

Google Mapをぐるぐる回すサンプルを作ってみました

CSS3のtranceformを利用してJSとCSSのみでGoogle Mapをぐるぐる回すサンプルを作ってみました。PCでは、Firefox 3.1以上、Safari 3.1以上、Google chromeで動作します。 また、HTML5のgeoloiocationに対応していてiPhone3GSでアクセスすると公式のGoogleMaps…

FirebugでのjQueryのデバッグを支援するプラグイン JQuery Lint

定番開発ツールであるFirebugにおけるjQueryを使った開発において、JavaScriptいでは発見しづらい引数ミスなどの問題のある使い方のチェックやエラーの詳細を報告してくれるプラグインがjQuery Lintです。 レベルは3つまであり(jQuery.LINT.levelで設定)、3…

jQueryでMacのドック風のメニューを作るチュートリアル

MacのDoc風に、マウスオーバーでアイコンがドロップダウンするメニューの作り方のチュートリアルです。 コード自体もシンプルにすむのは、さすがにjQueryですね。

Rubyライクな文法でJavaScriptを記述できるCoffeeScript

Rubistな方には朗報、なのでしょうか? Rubyライクな文法でシンプルにJavaScriptを記述することができるCoffeeScriptが公開されています。 コンパイラはRubyで記述されていて、コマンドラインオプションによって簡単なデバッグ支援がされています。また、変…

 jQueryのセレクタをエスケープしてくれるプラグイン「jQuery escape」

jQueryのセレクタは便利なのですが、「.」などが含まれるために「特定のURLを含むリンクをどうにかしたい」などという時には不便です。そういうときに、ちょこっとエスケープしてくれる便利なプラグインがjQuery escapeです。 例えば、http://test.example.c…