最近の記事
(02/02)ブログ更新の終了について
(01/22)Picasaでテンプレートを使う 〜 操作方法を動画で解説
(01/13)ShoutMix と Skypeボタンを組み合わせた足跡帳 & チャットボックスの設置
(01/07)画像を使ったクールなスライド・メニュー 〜 imageMenu
(01/03)iPhone/iPodのカバーフロー表示をサイトやブログでも 続きその2
(01/03)イメージスライドスクリプト”noobSlide” 〜サンプル切り出しとボタン画像の利用
(12/31)iPhone/iPodのカバーフロー表示をサイトやブログでも 続き
(12/30)iPhone/iPodのカバーフロー表示をブログでも 〜 ImageFlowをブログで使うには
(07/03)たった1行のスクリプトでできること 〜 IEのJavascript高速化 / IE判定
(07/02)Seesaaブログカスタマイズ 記事ページング機能 / ソーシャルブックマーク機能
(07/02)ブログ記事でHTML/CSS/Javascriptなどのソースコードを綺麗に表示したい 〜 dpSyntaxHighlighter
(06/25)Javascript onloadが複数ある場合の対処法 〜FancyZoomとCubeブログシールを共存させる
(06/25)クールなズームアップを手軽に実現 〜 FancyZoom 1.1
(06/21)Webサイト/ブログのCSSを直感的に理解できるFireFoxアドオン 〜 EditCSS
(06/15)記事の中でHTMLタグを表示したい
(06/15)パンくずリストをつける
(06/12)Slimbox / Lightbox のキャプションにリンクを貼るには
(06/10)slimbox1.52 reflection1.3 バージョンアップへ対応
(05/31)mooSlideBox3.2 が動かない 〜 mooSlide2.jsの修正で解決
(05/28)Mootoolsパノラマ・スクリプト "Pamoorama" VS "Mediabox"+村上スクリプト
2009年01月03日

iPhone/iPodのカバーフロー表示をサイトやブログでも 続きその2 この記事をはてなブックマークする |

Evernoteにクリップする

 もっと手軽にカバーフローを作成してくれるツールをダウンロードしていながらすっかり忘れていました。

 19Free Picasa Flash and HTML templates to showcase your photos

 こちらにはGoogleの画像管理ソフト”Picasa2”のテンプレートが19あって、フリーで利用できるようになっています。

どれも素晴らしいテンプレートですが、その中の”ImageFlow”テンプレートを使えば、簡単にお気に入りの画像をカバーフローで表示でき、必要なWebページも自動で生成されるので、サーバーにアップするだけでサイトページができあがります。

こんな感じです。※ブログの記事の横サイズの関係で70%程度に縮小表示しています。



posted by 飛梅 at 23:56 | Comment(3) | TrackBack(0) | Javascript | このブログの読者になる | 更新情報をチェックする
2008年12月31日

iPhone/iPodのカバーフロー表示をサイトやブログでも 続き この記事をはてなブックマークする |

Evernoteにクリップする

日本生まれのJavascriptライブラリ”uupaa.js”を使ってiPhone/iPod搭載のカバーフロー表示を見せてくれるサイトを発見。

前述のImageFlowではまだできないティルト表示もできています

但し現在暫定版とのことでブラウザはFireFoxのみ対応とのこと

デモはこちら

今後の開発に期待したいですね♪

posted by 飛梅 at 11:51 | Comment(0) | TrackBack(0) | Javascript | このブログの読者になる | 更新情報をチェックする
2008年12月30日

iPhone/iPodのカバーフロー表示をブログでも 〜 ImageFlowをブログで使うには この記事をはてなブックマークする |

Evernoteにクリップする

iphone_coverflow.jpgiTunesやiPhone,iPodに搭載され、ジャケット画像をめくるような感覚でアルバムを探せるユーザインターフェースの”カバーフロー CoverFlow”、最近では他社のケータイやPSPでもこぞってカバーフロー表示ができるようになっているようですが、これをブログでも使ってみたいとやってみました。

ImageFlow”はPHPとJavaScriptで作られたカバーフロー風のスライドギャラリー。

 ここで問題なのは、PHPをサポートしているサーバーなら設置は意外に簡単なのですが、いま私が使っているSeesaaブログではPHPは動かせないので (無料ブログサービスは全てそうだと思いますが)、苦肉の策で他のサーバー上に置いたものをブログではifreame表示させています。

 これもあって、現在サムネイルをクリックしても拡大表示やリンク先を表示させていませんが、このあたりどうやるかは勉強中

 できればFancyZoomやMediaBoxのように同一画面上で表示させたいのですが・・・どうすれば

posted by 飛梅 at 23:30 | Comment(0) | TrackBack(0) | Javascript | このブログの読者になる | 更新情報をチェックする
2008年07月03日

たった1行のスクリプトでできること 〜 IEのJavascript高速化 / IE判定 この記事をはてなブックマークする |

Evernoteにクリップする

たった1行のスクリプトでできるスゴ技が紹介されていたので試してみることに

  • InternetExplorerのJavascript高速化   参照: IT戦記

   


    
posted by 飛梅 at 23:55 | Comment(0) | TrackBack(0) | Javascript | このブログの読者になる | 更新情報をチェックする
2008年07月02日

ブログ記事でHTML/CSS/Javascriptなどのソースコードを綺麗に表示したい 〜 dpSyntaxHighlighter この記事をはてなブックマークする |

Evernoteにクリップする

 ブログやホームページの記事の中でソースコード紹介する場合、コードをカラフルに読みやすく表示してくれるスクリプト”dpSyntaxHighlighter”があることを知り、遅ればせながら導入してみました。

 これまでは、自分でタグに色をつけたりして見栄えをよくしていたのですが、このスクリプトを使えば、自動でタグを抽出してカラフルに表示してくれます。また自動で行番号もつけることができるのでわかり易くなります。さらにソース部分を印刷することができる「print」のリンクもあります。
 ※ブラウザの設定でJavascrptの使用を禁止している場合はテキストエリアに表示されます。

posted by 飛梅 at 21:28 | Comment(1) | TrackBack(0) | Javascript | このブログの読者になる | 更新情報をチェックする
×

この広告は180日以上新しい記事の投稿がないブログに表示されております。