使うかどうかは微妙だけど一応メモ。jTPSはjQuery用のプラグインです。ちょっとしたコードを加えるだけでHTML中のテーブルに高度な機能をつけてくれます。 列タイトルによるソート機能、一度に表示できるデータ数の変更の他、次のページへ行くときにずずっとアニメーションしながらスクロールしてくれます。ちょっと新しい感覚ですね。 ↑ 次のページにいくときのアニメー...
Google Chart APIを利用したサービス。グラフが実際の図柄で選択できるなど、視覚的なGUIでパラメータの指定が可能なため、よりアプリケーションらしくGoogle Chart APIが利用できる。ブラウザのフォームから数値入力、チャートタイプ選択などを行って、最後にGoogle Chart APIに各種パラメータを引き渡すことでグラフが描画される。 料金無料 インターフェイス英語 グラフでの日本語利...
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以外の日本語は文字化けするようだ。 』
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」。 なんとコードを貼り付けるだけで、自動的に「関連するページはこちらかも☆?」とか「サイト内検索はこちら」といった機能を提供してくれます。ちょっとしたことですが、訪問者に優しい仕掛けですね。 ↑ 検索ボックス...
ブラウザでCtrlキーを押しながらSpaceキーを押すとランチャーがオーバーレイされて表示される。 そこでコマンドをタイプするだけで、地図を調べたり、写真を探したり翻訳したりすることができるのだ。 よくあるシーンとしてメールで友人にメールを送る際、自宅までの地図のURLを貼り付けたいときがある。 通常なら、地図サイトを開いて自宅の地図を調べ、そのURLをメールに...
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は簡単な記法でさまざまな角丸風エフェクトを実現してくれます。 ↑ まずは基本。 ↑ ちょっと複雑なこんな感じのも。 ↑ 枠の色を変えてみたり。 ↑ 名前タグみたいでいいかも。 なんといっても書き方がシンプルでいいですね。使いやすそうです...
ここ2・3日、ひたすら色々なサイトの会員登録フォームやコマースサイトの購入フローを見ていました。 また、フォームのユーザビリティについて語っているブログやサイトをみて研究していました。 こうすれば登録数が劇的に上がる!とか、売上が上がる!といった方法はありませんが、少しだけユーザーに安心感を与えたり、ストレスを取り除いたりする方法はたくさんあり...
SexyLightBoxは画像を拡大表示するLightbox風のスクリプトです。 同様のスクリプトは多々ありますが、名前が「Sexy」な分、拡大画像の表示のモーションがかなりセクシーです。 SexyLightBox デ [...]
A List Apartのエントリーから、CSS Spriteを使用したナビゲーションに、マウスオーバー時にアニメーションのエフェクトをつける「CSS Sprite2」を紹介します。 CSS Sprites2 - It [...]