せっかく自己満ページをつくるのだから、おでの仕事では普段なかなかやれない事をやろうと思い、真っ黒＆画像パーツは最小限にしテキスト中心にした。｢おでのiTunes｣のトップページは、アルバムジャケットの画像をiPhotoのようなサムネール・オンリーにした。 対象ブラウザはMacはSafari、FF、Opera、NN。Safari以外はあまり気にしない。WinはIE7、以下Macと同じ。もちろんWin版Safariも含む。IE6は邪魔くさいんで対象外。 フォントもふだんはヒラギノゴシックやMS Pゴシックなどデフォルト使用ばかりなので、それら以外のフォントを指定。 みんなどうやってるのか知らん...　続きを読む...

MTのデフォルトのテンプレートを参考にしながら、作成したhtmlをテンプレート化。若干、修正はあったけど無事うまくいった。で、早速エントリーも投稿してみた。トラックバックとか意味がわからんブログ用語があったけど、とりあえず無視。それらはそのうち調べることにして、MTのプラグインとかいろいろGoogleで調べてたら、素敵なものを発見。暴想さんの「blog_ajax_json_search」。Ajaxを用いてブログのエントリーを検索するシステム。エントリー投稿時に、XMLでエントリーの文章とかキーワード（ここは任意に改良できる）を記録していき、いざ検索する際は、JavaScriptで検索して結果を...　続きを読む...

「おでのiTunes」で使用している「Adobe Spry」のAjaxツールで、投稿したレビューの一覧を表示させる際に利用している。詳しい動作は「おでのiTunes」の右カラムにあるエントリーリストをクリック。一覧ということで、単純にtableで投稿したレビューの一覧が表示されるんだけど、検索フォーム欄とソート機能が付いていて、まず検索フォームに関しては、入力フォームに例えばMと入力すると、Mのある行だけダイレクトに絞られる。〒番号検索のAJAX版のような動きだ。ソートは、tableのヘッダーセルをクリックすると、クリックした列でソートされる。 Spry自体もAjaxということで、X...　続きを読む...

画像に対して４辺を角Rにするスクリプト。画像反射の「reflex.js」と同じサイトに掲載されていて、設置も同じ感じ。「corner.js」を読み込ませて、imgにclassで指定するだけ。 <img src="画像パス" alt="" width="" height="" class="corner iradius12" /> たったこんだけで、角が丸くなるすぐれもの。角丸の他に影とかいろいろできる。 　続きを読む...

前々から、バルーンヘルプ（吹き出し）みたいな事がしたくて、いろいろ探してサンプルをダウンロードし、試してみたんだけど、右メニューのアコーディオンメニューが動作しなくてなってしまう事情があり、保留にしていた。で、今日、仕事が一つ落ち着いたのでAdobe Spryのサンプルを見てたんだけど、その中に「Tooltip」ってのがあって、なんだコレ？と覗いてみたら、ズバリ「吹き出し」のサンプルだった。早速、サンプルのhtmlソースを見て、まずは何が必要かチェック。 「SpryTooltip.js」をコピーし「おでのiTunes」のトップページのテスト用htmlに追加インクルド。おでの場合、XMLを読み...　続きを読む...