使うかどうかは微妙だけど一応メモ。jTPSはjQuery用のプラグインです。ちょっとしたコードを加えるだけでHTML中のテーブルに高度な機能をつけてくれます。 列タイトルによるソート機能、一度に表示できるデータ数の変更の他、次のページへ行くときにずずっとアニメーションしながらスクロールしてくれます。ちょっと新しい感覚ですね。 ↑ 次のページにいくときのアニメー...
『 Ubiquituのオフィシャルチュートリアル 』
Flashを使用しないで、画像ギャラリーを実装するスクリプトやスタイルシートの紹介です。 Slideshow 2 minishowcase photo starfield simulation gallery Javascript Image Gallery Using Mootools (E)2 Photo Gallery Slider Gallery Coverflow in Javascript ProtoFlow Spacegallery JonDesign's SmoothGallery 2.0 jQuery Gallery Flickrshow. Galleria jqGalViewIII easyALBUM slideViewer Interface Slideshow Image Transition Manager Highslide JS MooPix LightWindow v2.0 ThickBox Not so simpl...
『 ウェブサイトで使用しているAjaxの動作を解析してくれるWebアプリ。デモで試してみたが、UTF-8以外の日本語は文字化けするようだ。 』
ネットマーケターのDaveさんのサイト、ADDED BYTESのチートシートセクションがすごく使えますねぇ・・・。JavaScriptやSubversion、mod_rewriteなどなど、まさにチートシート向け！というセレクションが素敵です。 いつかまとめて使うぞ、という意味で個人的メモ程度に紹介しておきます。 ↑ かなり使えるのでは。 これらのシートはPNGやPDFでダウンロードできるようです。印刷して手元...
Ubiquityの魅力は、何といってもその拡張性にあります。Ubiquity自身がFirefoxの機能を拡張するのと同じように、ユーザーが自由にコマンドを作ることでUbiquityはさらに便利に、使いやすくなります。Ubiquityはそのことをよく分かっており、付属のUbiquity Command Editorというツールを使って簡単にコマンドを追加できるようになっています。上述のYour Commands（chrome://ubiquity/content/cmdlist.html...
『 アニメみたいな視差を表現する面白JavaScriptライブラリ「jParallax」 イメージ上でマウスを動かすと、近くの物ほど速く、遠くの物ほど遅く動作するような表現が可能。 』
Natalie Downeから、PDF、MP3、DOCファイルなどにリンクした際に、自動でファイルの容量を表示するスクリプト「addSizes.js」を紹介します。 addSizes.js Snazzy automat [...]
ページが見つからなかった場合に出てくる404ページですが、カスタマイズするのが面倒だったりしますよね。そこで登場したのがGoogleの「Custom 404 pages」。 なんとコードを貼り付けるだけで、自動的に「関連するページはこちらかも☆？」とか「サイト内検索はこちら」といった機能を提供してくれます。ちょっとしたことですが、訪問者に優しい仕掛けですね。 ↑ 検索ボックス...
Ubiquityが提供する機能を解説する前に、百聞は一見にしかずということで、まずは紹介ビデオを見てみましょう。 このビデオ、とても格好いいですね！ Ubiquityの魅力を十二分に伝えてくれます。 「何じゃこりゃ！」と感じた方も多いかと思います。Ubiquityはブラウザ上でのありとあらゆる操作をスマートにこなせるようにしてくれる、超強力なコマンドラインツールです。...
Green Gecko Designから、divで囲まれたエリアを省スペースに表示し、オリジナル画像を使ったスクロールバーを使用できるスクリプトを紹介します。 MooScroll デモ スクロールバーを形成する画像構 [...]
SexyLightBox - www.coders.me表示法が新しくセクシーなLightBox、その名も「SexyLi...
自分用にUbiquityコマンドを登録する場合は、Ctrl+SpaceでUbiquityを起動してから、command-editorコマンドを実行し、コマンドを実装するためのJavaScriptを登録すればOkです。 これを一般に公開するためには、以下のようなLINKタグをHEAD内に含むHTMLページを用意する必要があります。 1 <link rel="commands" href="http://url-to-jsfile.js" name="タイトル"/> このjs...
Yahoo!地図APIはYahoo!地図Webサービスを使用してウェブページやブログに地図を利用したWebアプリケーションの作成するためのAPIです。単に地図を表示するだけではなくアイコンやポリゴンなどの表示の他、イベント処理を行うことも出来ます。
jParallaxは、複数のパネルをパララックスで奥行きを表現し、マウスの動きに合わせてダイナミックにスクロールさせるスクリプトです。 jParallax 複数のイラストを重ねただけでも面白いですが、下記のデモのよう [...]
『 via:http://phpspot.org/blog/archives/2008/08/lightboxsexylig.html 』
『 デザインも秀逸なナビゲーションを実装するスタイルシートとスクリプトのチュートリアルの紹介です。シンプルできれい! 』
これは超絶便利そう。あとで使うという意味でメモ的エントリー（といいつつ最近コーディングしていない・・・）。 jQuery Cornerは簡単な記法でさまざまな角丸風エフェクトを実現してくれます。 ↑ まずは基本。 ↑ ちょっと複雑なこんな感じのも。 ↑ 枠の色を変えてみたり。 ↑ 名前タグみたいでいいかも。 なんといっても書き方がシンプルでいいですね。使いやすそうです...
SexyLightBoxは画像を拡大表示するLightbox風のスクリプトです。 同様のスクリプトは多々ありますが、名前が「Sexy」な分、拡大画像の表示のモーションがかなりセクシーです。 SexyLightBox デ [...]
A List Apartのエントリーから、CSS Spriteを使用したナビゲーションに、マウスオーバー時にアニメーションのエフェクトをつける「CSS Sprite2」を紹介します。 CSS Sprites2 - It [...]
