Lucky bag::blog: 2005年12月アーカイブ

月別アーカイブ 2005年12月

前後の月

2005 年の印象に残っているアーティクル

この記事が属するカテゴリー: web&blog

今年もあと少しで終わりってことで、今年自分の中で印象に残っている海外のアーティクルやサイトをメモっておく。来年の今頃見返してみたら、ちょっと面白いかもしれないとかそんな感じで。まぁ、ほら素晴らしいまとめは他にあるしね ;-)。とりあえず、何も深く考えずにパッと頭に浮かんだもの 5 つ。

Introduction - In search of the One True Layout

CSS フレームワークだなんて言われていたりもしていたけど、CSS でも複雑なマルチカラムのレイアウトが作成可能だって事を証明したアーティクルだった。マルチカラムなレイアウトを作成したい場合は、一度目を通しておいた方が良いかも。素晴らしいの一言。

Content with Style: Playing Nice with the Other CSS Kids

CSS コードをインデントさせるアイデアってのを最初に見たのがこのアーティクル。Maintainable CSS として、他にも CVS を使ったバージョン管理など自分的に新しい発見があった。維持・管理しやすい CSS を作成したい時に参考にできる物がある。

webdev な人たちが日替わりで投稿していた。どういう企画で立ち上がったのか知らないんだけど、タイミング良く 12 月 1 日の day 1 から追う事ができた。Ajax あり Microformats あり CSS ありと広範囲に渡って投稿されていった。投稿者の中で知っている名前は 5 人くらいしかいなかったけど、多分、全員それなりに知られている人たちなのかな、分からんけど。まだ、未見であれば一度目を通しておくことをお薦めする。ちなみに、24ways なだけに 24 日の day 24 で終わったっぽい。

456 Berea Street | Articles and news on web standards, accessibility, and usability

特にこのアーティクルがって訳ではないけど、自分がキャッチアップしきれていないものをここで目にすることができた。注目されている事や話題になっている事なんかをコンスタントに取り上げてくれるんで、今後もチェックし続けて行きたいサイトのひとつ。

Internet Explorer 5 for Mac

マック IE のサポートと配布終了のアナウンス。今となってはアレなマック IE だけど、このブラウザは間違いなくモダンブラウザの先駆けであったわけで、いざこういう状況になってしまうとなんか寂しい気がする。まぁとりあえずお疲れさまでしたと。

以上の 5 つ。もちろん、他にも素晴らしいものや、印象深いものがあったのは間違いないけど、拙サイトで取り上げていなくて、悩まずに挙げられたのがこれら。さて、来年はどんな年になってどんな興味深いアーティクルに出会えるか、楽しみだ :-)

2005-12-29T00:02:43+09:00 | コメント (0) | トラックバック (0) |

印刷用 CSS で背景画像を印刷させる方法

この記事が属するカテゴリー: CSS

media="print" な印刷用 CSS を用意している場合、そこに背景画像を設定していたとしても印刷されない。ヘッダに画像を使って CSS で文字を非表示にしているウェブサイトの場合、ユーザーがそのサイトのヘッダ画像を含めて印刷したいのに、タイトルが味気ないテキストだけで印刷されるのを不満に思うとしたら、どう解決すれば良いのかってことで下記リンク先のバッドノウハウ。

wg:Printing CSS background images (sort of)

カラクリを大雑把に言うと、印刷用 CSS の指定で当該箇所を display:list-item; にして、list-style-image に印刷させたい画像を指定するって感じ。以前紹介した「letter-spacing を使って背景画像置換」を使って、テキストを非表示にするんだけど、これって IE だと 1 バイトの文字はうまくいくけど、2 バイト文字だと完全に文字が隠れないんで実は使えない。なんで、サンプル作ってみたけどヘッダ部分の h1 には 1 バイト文字使ってる。

印刷用 CSS で背景画像を印刷させるサンプル

うーん、そもそも最近 image replacement （背景画像置換）やんないから使うことは無いな。

2005-12-27T19:42:28+09:00 | コメント (8) | トラックバック (2) |

違和感のあるフォトギャラリー

この記事が属するカテゴリー: Misc

デジタルなデータなんてものは、いくらでも手を加えて改変することが出来るんだなぁとか改めて思わせてくれるフォトギャラリー。

Worth1000.com | Photoshop Contests | Are you Worthy™ | contest

フォトショップで画像の一部を消し去っているんだけど、ここまでやるにはかなりテクニックいる。簡単なものだったらスタンプツールだけでもいけるんだろうけど、ここまでは出来ない。

2005-12-27T11:00:44+09:00 | コメント (2) | トラックバック (1) |

CSS3 の Selectors と CSS3 Advanced Layout Module

この記事が属するカテゴリー: CSS

Selectors 最終草案 (Last Call Working Draft)
CSS3 Advanced Layout Module 草案（Working Draft）

Selectors

増えているものや削除されたものがあるみたいね。とりあえず、メモとして現状 CSS3 で追加されたセレクタを全て抜き出してみる。

E[foo^="bar"]: foo 属性値が文字列 bar で始まる E 要素にマッチ
E[foo$="bar"]: foo 属性値が文字列 bar で終わる E 要素にマッチ
E[foo*="bar"]: foo 属性値が部分文字列 bar を含んでいる E 要素にマッチ
E:root: ドキュメントのルートである E 要素にマッチ
E:nth-child(n): 親の中で n 番目の子である E 要素にマッチ
E:nth-last-child(n): 親の中で最後から数えて n 番目の子である E 要素にマッチ
E:nth-of-type(n): 同じ要素名を持つ兄弟の n 番目の E 要素にマッチ
E:nth-last-of-type(n): 同じ要素名を持つ兄弟の最後から数えて n 番目の E 要素にマッチ
E:last-child: 親の中で最後の子である E 要素にマッチ
E:first-of-type: 同じ要素名を持つ兄弟の最初の E 要素にマッチ
E:last-of-type: 同じ要素名を持つ兄弟の最後の E 要素にマッチ
E:only-child: 親の中で唯一の子である E 要素にマッチ
E:only-of-type: 親の中で唯一の要素名を持つ E 要素にマッチ
E:empty: 子（テキストノードも含む）を全く持たない E 要素にマッチ
E:target: 参照 URI のターゲットとなる E 要素にマッチ
E:enabled
E:disabled: 有効または無効であるユーザインターフェース要素 E にマッチ
E:checked: チェックされているユーザインターフェース要素 E にマッチ（ラジオボタンやチェックボックス等）
E::selection: ユーザによって選択 / ハイライトされている E 要素の一部にマッチ
E:not(s): 単純セレクタ s にマッチしない E 要素にマッチ
E ~ F: E 要素が先に出現している F 要素にマッチ

CSS3 Advanced Layout Module

まだ未読だけど、最初の 3.Template-based positioning を見ただけでもなんか色々と凄そうね。グリッド配置が自由自在って感じ？。あと、タブっぽいやつも簡単そう。Example のソースは、なんとなく萎える感じだけど。

2005-12-21T15:16:04+09:00 | コメント (2) | トラックバック (2) |

Ajax なスタートページ Protopage

この記事が属するカテゴリー: web&blog

ブラウザを起動したときに表示されるスタートページ（ホームページ）に Portopage を設定し、一週間ほどお試し使用してみた。

Protopage = personalized news + sticky notes + bookmarks, all on one page.

作成した自分用の Protopage 上では、todo やメモを書き込む sticky notes や、良く使うサイトのブックマークを登録する link panel、RSS フィードを登録する news feed なんかをページ上に自由に配置できる。常に表示しておく必要のないものは、右上にあるドックに収納しておくことも可能。

使ってみて個人的に気に入った点ってのは、ページの公開・非公開が設定可能ってとこ。Protopage は virtual pages と言って、仮想のページを複数作ることができ、鍵マークをクリックすることで各ページごとに公開・非公開を設定できるようになっている。

他人に自分の Protopage の URI (e.g. http://www.protopage.com/lucky-bag) を教えても、プライベートな情報が見られることもない。画像のアップロードも出来るようになれば（現状でも出来るが近いうちアップロード作業が簡略化されるらしい）さらに使い方が広がるかも。

逆にちょっと不満な点は、せっかくカレンダーがついているのに日付と連動した機能がないってことかなぁ。日付に紐づけてその日がきたら sticky notes が表示されるリマインダ機能みたいなんがあればスゲェ良いのにとか思った。

2005-12-20T18:47:16+09:00 | コメント (0) | トラックバック (1) |

del.icio.us が落ちてる

この記事が属するカテゴリー: del.icio.us

昨日の夜から del.icio.us が system error 連発でなんか不安定で、ポストだけはなんとか出来ていたんだけど 2005-12-15T10:30:34+09:00 現在 del.icio.us is down for maintenance. we'll be back in one hour. ってな状態。

del.icio.us: power failure

どうやら昨日 del.icio.us のデータセンターが電力停止で落ちたみたい。一度復旧したらしいんだけど、ほとんどのスレイブサーバがいっちゃてたみたいで現在全力で復旧させているとの事。つか、激しく不便だ。いかに自分が依存していたのか改めて実感。Yahoo に買われたことでサービス停止の可能性が落ちて安心していたんだけど、さすがにこういう事態になっちゃうとどうしようも無いから困るなぁ。

やっと復活した。one hour どころじゃなかったな。とりあえず、いつから one hour なのかタイムスタンプが明記されていないのはちょっと不親切だよ。

2005-12-15T10:50:14+09:00 | コメント (0) | トラックバック (0) |

iTunes のライブラリからオーディオ署名を作成

この記事が属するカテゴリー: Mac Misc web&blog

iTunes のミュージックライブラリを利用して、再生回数や割り当てたレイトなどの情報からその人の好みの曲を抽出してオーディオ署名を作成してくれる iTunes Signature Maker ってのがあるんだけど、試しに作成してみたら超イントロクイズドレミファドン！なミキシングぶりに軽くのけぞった。

iTunes Signature Maker (iTSM) analyzes your music collection and creates a short audio signature to represent who you are and what you listen to.

実際にオーディオ署名を作成する前にいくつかの設定が出来るんだけど、とりあえずデフォルトのままでやってみた。

作成が完了すると WAV ファイルが出来上がる。そんでもって出来上がったのがこんな感じ。playtagger を仕込んでるんで、再生ボタンで聴けるようになってます。

e-luck.mp3

なんか、最後の方にマックの音量を調整したときの"ピコッ"って音が入ってて、そう言えばオーディオ署名作成中に消音を解除したような気がして、もう一回聞き直したらやっぱあの"ピコッ"って音で激しく萎えた。とりあえず、含まれている曲が一曲でも分かった人はネ申認定で。

2005-12-10T11:28:36+09:00 | コメント (2) | トラックバック (0) |

Firefox で開いているタブを Exposé

この記事が属するカテゴリー: Firefox

ここ最近のマックの UI では Exposé が最強って思ってるんだけど、その機能を Firefox のタブで再現できる foXpose がいい感じ。

ネットで何か調べもんをしていると、Firefox のタブを余裕で 10 個以上開くなんて事がある。タブが増えればそれだけタブ幅が狭くなってくるわけで、そうなってくると当然ページタイトルが判別できなくなって、どれがどれか分かんなくなってくる。そんな時 foXpose をインストールしてれば、ステータスバーにある foXpose ボタンで今開いている全てのページをサムネール化、目的のページを選択っつうまさに Exposé な機能。スバラシス！

Ctrl（command) + Shift + X のショートカットも用意されているんだけど、Web Developer Extension 入れてると「ページの縮小」とバッティングしちゃうんで、Web Developer の方を変更した方がよいかも。

2005-12-02T12:44:05+09:00 | コメント (1) | トラックバック (5) |

はてなブックマークに概要が反映されなくなった

この記事が属するカテゴリー: web&blog

ちょっと前に、遅まきながら MT のバージョンを 3.171 から 3.2-ja-2 にアップグレードした。したら、はてなブックマークにブックマークされた際に、記述している記事の概要（excerpt）が反映されなくなった。ちなみに、この <$MTEntryExcerpt$> を反映してくれない件に関しては真琴さん（hxxk.jp）が色々と調べていたんだけど、今んとこ一旦打ち切りという状態になっている。

Hatena Bookmark/0.1 のアクセス

真琴さんの記事でも触れられているけど、はてなブックマークに記事がブックマークされると、Hatena Bookmark/0.1 っつう UA がアクセスしてくる。んで、ログを調べてみると、MT アップグレード前と後とで Hatena Bookmark/0.1 の挙動に違いが見られた。

はてなブックマーク - Lucky bag::blog: del.icio.us の playtagger で mp3 ファイルに再生ボタン

2005/11/23,19:02:47,"/archives/2005/11/playtagger.html","Hatena Bookmark/0.1"
2005/11/23,19:03:06,"/archives/2005/11/playtagger.html","Hatena Bookmark/0.1"
2005/11/23,19:03:06,"/archives/2005/11/playtagger.html","Hatena Bookmark/0.1"
2005/11/23,19:05:07,"/archives/2005/11/playtagger.html","Hatena Bookmark/0.1"
2005/11/23,19:05:10,"/index.rdf",                       "Hatena Bookmark/0.1"
2005/11/23,19:05:22,"/archives/2005/11/playtagger.html","Feed::Find/0.06"

はてなブックマーク - Lucky bag::blog: プロパティから CSS 仕様書へのリンク集を作ってみた

2005/11/26,18:55:54,"/archives/2005/11/property-list-links.html","Hatena Bookmark/0.1"
2005/11/26,18:56:10,"/archives/2005/11/property-list-links.html","Hatena Bookmark/0.1"
2005/11/26,18:56:10,"/archives/2005/11/property-list-links.html","Hatena Bookmark/0.1"
2005/11/26,18:59:44,"/archives/2005/11/property-list-links.html","Hatena Bookmark/0.1"
2005/11/26,18:59:44,"/atom.xml",                                 "Hatena Bookmark/0.1"
2005/11/26,18:59:47,"/archives/2005/11/property-list-links.html","Feed::Find/0.06"

index.rdf から atom.xml に変わってる。いや、これが分かった所で何も思いつかないんだけど :-P 。MT 側の実装の問題なのかなぁ。

2005-12-01T00:04:30+09:00 | コメント (0) | トラックバック (2) |

Lucky bag::blog