昨日紹介した[BOOKMARK] iddy – ブロガー向けのプロフィール表示サービスに似たサービス。iddyはプロフィールページ内で、利用してるウェブサービス一覧を出してたけど、こちらでは一覧を作成後ソースを出力して、それをそのままブログに貼り付けられます。ブログって趣味がないとなかなか続かないですよね。自分の場合は音楽だったり写真だったりするんだけど、そうした趣味の延長でブログ書いてる人ほどウェブサービスを使い機会が多いハズ。続きを読むクリックで使い方の紹介です。
RSS Feedの購読者数をグラフ化してくれるウェブサービス。グラフを出力するためには、まずFeedBurnerへの登録が必要です。自分はまだ登録してなかったので、さっきとりあえず登録。なのでまだグラフには反映されてません。グラフの横軸については、半年〜3年までのスパンで変えられるので、まぁ気長に見てみようかと思ってます。“続きを読む”クリックで、mBlogのRSS Feed（XML）の購読者数のグラフが見れます。
Webのデザイニングをする際の超基本となるお作法。チラっと読んでおいて損はない内容です。文章の読みやすさの工夫とかわりと役に立ちます。お金をもらって作業をする以上、「知らなかった」や「教わってない」では済まされない事ってありますからね。「あーこれたまにやり忘れる」とかいうのが数点ある俺は、わりとダメなデザイナーと言えましょう。
テーブルタグを使わずにCSSでデザインされた入力フォームのサンプル。ページ下部の「example」から実際に動作してるものを見る事ができます。去年の末頃にやった仕事で自作した経験があるんだけど、オンマウスでバックグラウンドカラーが変化したり（IE6では動作しなかった）、こっちの方が作り込んであるから、早速ネタ帳に保存しときました。
Web2.0っぽいロゴの作り方。まぁこれ系の記事ってよくあるんだけど、フォトショップ用のレイヤースタイル（レイヤー効果）の定義ファイル（拡張子は.asl）を配布してる点がグレイト。サイト内よりダウンロードすると、.txtの拡張子が付いてるので、それを消してからダブルクリックすればオッケー。フォトショップのスタイル定義に入ります。あとは適当に文字や図形を描いて、そのスタイルを適用すればソレっぽくなります。Web系のデザイナーにとってフォトショップのスタイルといったら、ネタ帳そのものだからね。こういう他人の作ったスタイルというのは興味深いっス。
サイトの上位レイヤーに別HTMLを表示させるJavaScript。Lightboxみたいなアレ、と言った方が分かりやすいかも。MacOS Xのダイアログみたいな出方をするのが個人的に好きだな。サイト内の“Start Demo”をクリックするとデモが始まります。上からニュっと出てくるウィンドウ内の、“Continue”をクリックすると次のページに移動するんだけど、ウィンドウのリサイズの動きまで作ってあって芸が細かい。デモサイト内でも使われてるように、メールフォームあたりに最適かも。導入については、まずprototypeと and script.aculo.usが必要。プロトタイプについては、これ系でだいたい使われてるから導入済みの人も多いと思います。その後はいつものようにサイトヘッダにJSの読み込み行を記述して、ModalBoxで使うCSSファイルにもリンク。わりと簡単な作業で準備できます。その内導入したいなーと思えるナイスなJavaScript。
Flashを使った画像の表示法。ただ表示するだけなら別に目新しくも何ともないですが、特筆すべきは汎用性と表示に関する自由度の高さ。リンク先ページにあるボタンを使ってユーザー側で画像の表示法を変える事もできます。見た目のカスタマイズが豊富な点もナイス。導入手順としては、まずサイト内から本体となる.swfファイルと.jsファイルをダウンロード。その後この画像表示をさせたいページのヘッダ内にJavaScript読み込みの記述をすれば準備オッケー。後は画像にclass指定すればイイのかな。詳しくはリンク先で確認してくださいね。CSSとJavaScriptを使った画像のクールな表示法が最近じゃ専ら話題だけど、Flashのこういう使い方もアリだなーと再認識。
