月別アーカイブ 2005年09月

前後の月

このサイトの誕生日

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

このサイト始めてから今日でちょうど 1 年が経った。1 年なんてホントあっという間なのね。つうことで、とりあえず上っ面の雰囲気を変えてみた。

今月に入ってから、時間があるときにフォトショップでチマチマとモックアップを作ってたんだけど、如何せん最近は時間がなくてどうにもはかどらなく、納得のいかないまま今日になっちゃった。右サイドカラムの部分なんて何も思いつかなかったんだけど、もういいやって感じで見切り発車。おいおい手を加えていく予定。とりあえず、マック IE は対象ブラウザのスコープからは外してしまったんで、マック IE な環境だと若干しょっぱい感じになってるんだけど、閲覧するにはそれほど障害はないはず。

デザインを変えるにあたって

今回は、最初から使いたい色を決めていた。honeydew3(#C1CDC1) と honeydew4(#838B83) に惚れて、この色をどう使うかって所から膨らませてていった。今回も可変レイアウトな訳だけど、前回は両サイドの余白部分は左右 40px 固定だったのを、両サイドの余白も可変にした。んで、余白可変の場合って、div を増やさずに上左右に影をつけるようとすると激しく面倒。とりあえず、スライスして下図のようにブロック要素に割り当てていった。

newdesign_sample.png

基本的には前回の CSS をベースに弄ってるんで、レイアウト的に大幅な変更は無く、部分部分は前のままだったりするんだけど、そこら辺も時間があるときに変えていきます。多分、所々崩れているとこがあるかもしれないんで、気が向いたら教えてください。ちなみに IE でサイト内検索すると結果ページが崩れてるのは確認済み。

まぁ、そんな感じで良く分からないけど、これからもよろしくおながいします ;-)

2005-09-30T21:12:10+09:00 | コメント (12) | トラックバック (0) |はてなブックマーク

iTunes ミュージックビデオをダウンロードする方法

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

iTunes ミュージックストア上のミュージックビデオをローカルに落とす方法ってのを試してみた。

ミュージックストアの左メニューに『ミュージックビデオ』メニューがあるんだけど、日本のミュージックストアにはまだまだビデオが揃ってない。一方、米国の方とかだと今日現在で 596 本あったりするんで、そっちで試してみた。

  1. ミュージックストアの左メニューから『Music Videos』を選択する。

    music_video_menu.png

  2. 登録されているビデオがサムネールで表示されるんで、落としたいビデオを選択する。
  3. small もしくは Large 上で右クリック -> "iTunes ミュージックストア URL をコピー"

    music_video.png

  4. 「.:UNEASYsilence:. - iTunes Music Videos」へアクセスし、URL をペーストして "submit"
  5. 表示されたリンクを右クリックからローカルに保存してウマー

実際に The Chemical Brothers のビデオを落としてみたところ、Small のファイルサイズは 5.56MB、 Large で 43.2MB くらいだった。

2005-09-27T13:44:29+09:00 | コメント (0) | トラックバック (2) |はてなブックマーク

CSS で小数点の指定をする場合

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

1 未満の小数点の実数値を CSS で指定する場合って、頭の 0 を省略できちゃったりするんだけど、海外の人の方がこの指定の仕方をしているのが多いような気がする。

div {
        padding: .5em .3em; /* 0.5em 0.3em と同じ*/
}

なんで、こういった書き方をするのかっつう理由をどっかで見た記憶があって、向こうの言語習慣としてとかそんな感じだったような気がするんだけど、ソースが激しく思い出せない。つうか、なんか気持ち悪いんで自分は必ず 0 は記述してるんだけど。

2005-09-26T20:09:24+09:00 | コメント (3) | トラックバック (1) |はてなブックマーク

CSS デザインギャラリー

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

世の中には (X)HTML + CSS の素ん晴らしいデザインでレイアウトされている方なんつうのはそりゃ沢山いるわけで、そんなサイトを集めたデザインギャラリー（ショーケース）サイトってのを見ていると、おいおいフォトショップ腕自慢かよって感もあるけど、結構インスパイアされたりされなかったり。そんな CSS デザインギャラリーサイトで自分が知っているものをちょっとまとめてみた。（ちなみに順不同）

  1. CSS Vault » The Web's CSS Site
  2. CSS Beauty | CSS Design Showcase
  3. Unmatched Style | CSS Design Gallery and Design Inspiration.
  4. CSS Drive
  5. css thesis: sites, that's all.
  6. » screenspire.com | the leading full( )screen inspiration - [734 screens and counting]
  7. CSS Import™ | The CSS Gallery
  8. The Weekly Standards - CSS Web Design Showcase
  9. Design Shack - Inspirational CSS and Blog Design
  10. Pajatti.net | Community for Creaters
  11. Frog Family Standards :: XHTML + CSS Design Archives ::

各サイトで紹介されているものはダブってたりするんだけど、個人的には、5、6、7 あたりを時々見てみたりする。とりあえず、自分が知っているのってこんくらい。

そういやここ最近、JACK THREE FIVE が海外のギャラリーサイトなんかで紹介されているみたいで、まぁ評価は人それぞれなんだろうけど同じ日本人として正直凄いなぁと。

2005-09-21T19:01:11+09:00 | コメント (0) | トラックバック (1) |はてなブックマーク

次世代ブラウザーと del.icio.us と Greasemonkey スクリプト

この記事が属するカテゴリー
Firefox del.icio.us web&blog

なんか、ソーシャルウェブブラウザとか言って、「フロック」ってのが期待を集めているらしいですよ。

ほぇー、そうなんだぁとか思いながら「フロック」のウェブサイトへ行ってみたら、あれ、なんか見たことある…、デジャブ？とか思ったら、すわっ del.icio.us にブックマークしてた！しかも、 良く分かんないけど、ソーシャルウェブブラウザとかコメントつけてそのまま、アホか。一ヶ月後にこういう形で気づくってのもある意味スゲェな。いかにブックマークすることで安心しちゃってるかっつう良い見本ですよ。こんなん沢山ありそうだし。

del.icio.us ユーザーには便利そうな Greasemonkey スクリプト

そんな感じで良くあるのが、del.icio.us でブックマークしようとしたら、すでにブックマーク済みだったってパターン。んで、閲覧中のページが既に del.icio.us にブックマーク済みであれば半透明のウィンドウで投稿日や Tag を通知してくれる Greasemonkey スクリプト「Familiar Taste - A del.icio.us Greasemonkey Script」が便利そうとか思たんだけど、なんか動作しない。うーん、良く分からん。

2005-09-17T01:14:20+09:00 | コメント (0) | トラックバック (0) |はてなブックマーク

Safari に CSS を適用させない方法

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

And all that Malarkey で紹介されていた Apple 謹製 ブラウザ Safari に CSS を適用させないメソッド、Malarkey Safari Import Hack 略して MSIH 。果たして、使う機会があるのかが疑問だったりもするし、IE であればまだしも、Safari の場合はバグ修正されてしまうのも時間の問題だろうなぁとか思った。ま、とりあえず、メソッドとしては下記の通り。

/* これ以降、Safari は読み込まない */
@media all {
@import url(hoge.css);
/* ここに適用させたくないコードを */
}
/* ここまで */

不思議なことに、Safari は @media 内に @import を置くと、@media 内の指定を全て無視してしまうらしい。Safari 1.3.1 で確認してみたところ、確かに無視された。Tiger 持ってないんで、Safari 2.0.1 は分からん。

さて、実際にどう言った使い方があるか考えてみたけど、裏を返せば Safari にのみ違うスタイルを適用させることも可能って事か。例えば、Safari は複数背景画像の指定が可能となっているんで、最初に Safari 向けにバリバリ背景画像使って力入れまくり凝りまくりの指定をして、後からハックを使ってそれ意外（複数背景未対応）向けの指定を上書きさせるってのはどうだろう。とか思ったけど、バグ修正されるまでの期間限定だし valid じゃねぇし、やっぱ使い道ねぇか。

って、今確認したら Opera とマック IE でも同じく無視されてる…。なんか、グダグダだなぁ。もうちっと検証してみます。

2005-09-16T23:33:23+09:00 | コメント (2) | トラックバック (0) |はてなブックマーク

画面内を測ることが出来る Firefox の機能拡張

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

ブラウザの画面内をメジャーで測れる Firefox の機能拡張「MeasureIt」は、それほど使用頻度が高いもんではないけど、あったら便利な小物。

Measureit 使用画面

Firefox にインストール後、「ツールバーのカスタマイズ」からツールバー上に「MeasureIt」のアイコンをドラッグ。

ツールバーのカスタマイズ

使用する際は、「MeasureIt」ボタンを押し、任意の場所でドラッグすればメジャーがピクセル数とともに表示される。一度測った測定領域を移動させたい場合は、ドラッグ、もしくは Alt + 矢印キーで 1px 単位、Ctrl + Shift + 矢印キーで 5px 単位での移動が可能。抜け出すためには、「MeasureIt」ボタンを再押下するか Esc キーを押せば良い。ちょっと残念な点は、メジャーのドラッグを途中でやめてしまうと、そこから広げたり縮めたりの調整が出来ないとこかなぁ。

2005-09-13T19:43:18+09:00 | コメント (0) | トラックバック (2) |はてなブックマーク

「釈云麦」

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

いやね、もう堪らなくハマっている麦焼酎があって、その名も「釈云麦（じゃくうんばく）」ってやつで、麦焼酎ってそれほど好きなわけじゃなかったんだけど、これがもうね、ヤバイくらいに旨い。酒屋とかまわってみたんだけど何処にも売って無くて、もうこれはインターネッツのお力を借りるしかねぇとか思った。

釈云麦は蔵元の意向によりインターネットでの販売は致しておりません。販売は対面販売のみとさせて頂きます。

ぎゃぼっ

この「釈云麦」が地元の飲み屋に置いてあって、友人達と飲みに行った時はもうベロンベロンになるまで飲みまくる。なんつうか、飲んだ時に麦の深い香りが鼻にぬける感じで、焼酎の味の違いが全然分からないって人からすると、「何これ麦茶でしょ」ってなぐらい麦がキタコレ！麦好きには堪らない一品この上ないとか日本語が怪しくなるくらい深いずら。

その飲み屋の常連と化している友人がマスターに 720ml をお裾分けしてもらってたんで、おこぼれに預かりたいと思っている次第。ソッコーで空けられてる可能性大だけど。

2005-09-10T15:23:28+09:00 | コメント (7) | トラックバック (2) |はてなブックマーク

訪問済みリンクを一工夫する

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

リンクの色によって、訪問済みなのか否かの判別を出来るようにするってのは、ユーザビリティ的には必要なことだとは思う。そう言った意味では、拙サイトなんかは全くもって許し難い設計な訳だけど、まぁそれは置いておく。んでもって、ただ色を変えるだけではなく、画像を使ってもうちっと視覚的に分かりやすくするのもありなんじゃないのかなぁって思ってみた。そして、サンプルを作ってみた。

サンプル内のリンクが既に訪問済みであれば画像がチェックマークに変わるはず。CSS は下記のような感じで、a 要素に対してそれぞれ a:link、a:hover、a:visited で一つの背景画像の位置を変えることで見せ方を変えている。

li a {
        padding-left: 25px;
        line-height:180%;
        background:URL(mark.png) no-repeat;
        text-decoration:none;
}
li a:link, a:active {
        color:#666;
}
li a:visited {
        background-position: 0 -60px;
}
li a:hover {
        color:#f33;
        background-position: 0 -30px;
}

リンク集やサンプル集等のリストが比較的長めのナビゲーションなどでは良心的かもしれない。画像非表示の環境じゃ意味ねぇじゃんってのは華麗にスルー。

2005-09-07T13:28:37+09:00 | コメント (8) | トラックバック (4) |はてなブックマーク

platypus のバージョンアップで問題

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

今さっきバージョンアップの通知が来たんで「platypus」を 0.51 にバージョンアップしたら、Firefox がおかしくなった。chrome にアクセスできないとかそんな感じのメッセージが表示されて死亡。再度、起動し直したら一応立ち上がるんだけど、ウィンドウ下部のステータスバーが当社比 5 倍くらい縦幅が広がって、なんか赤い文字が見切れてるし。

しょうがねぇっつうことで、Safe Mode で立ち上げて削除しようと思ったら、機能拡張一覧の何処にも見あたらない。しかも Safe Mode でもステータスバーはおかしいまま。フガッ、どうにも出来ないから、プロファイルディレクトリ\extensions 内の{a089fffd-e0cb-431b-8d3a-ebb8afb26dcf} を手動で外して復活した。何かとコンフリクト起こしてたのかなぁ。まぁ、最近は全然使ってなかったからいいや。

2005-09-07T12:58:26+09:00 | コメント (0) | トラックバック (0) |はてなブックマーク

Firefox で閲覧中の画面を簡単に画像に保存できる機能拡張

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

うほっ、Firefox の機能拡張「Screen grab! 」がかなりヤバス。便利すぎ！

インストールすると、右クリックから閲覧中のページを png 画像に保存できるようになるんだけど、これが 3 種類の中から選択できる。

Save document as image
ページ全体を一枚の画像に保存
Save viewport as image
表示している部分のみを画像に保存
Save window as image
ブラウザの画面を含めて画像に保存

この機能拡張のおかげで、長い画面を繋ぎ合わせる作業が省けるし、ブラウザの画面を含めて画像化する際も余計な背景が入らないし、もうラクチンポンっす。ちなみに、使用するには Java が必須となっている。

2005-09-05T16:36:50+09:00 | コメント (7) | トラックバック (13) |はてなブックマーク

del.icio.us にインポート機能が追加

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

ソーシャルブックマーク del.icio.us に、インポート機能が追加されている。settings の import から、任意のブックマークファイルを取り込めるみたい。

インポート画面

ブラウザごとのブックマークファイルの書き出し方法が説明されていて、さりげなく親切な感じ。Tiger(Mac OS X 10.4.x） 以前の OS に搭載されている Safari はブックマークのエクスポートが標準で用意されていないんだけど、ちゃんと Safari Bookmark Exporter を使用した方法が案内されていたりして抜かりない。

ブックマークファイルを取り込む際に、add popular tags for urls in addition to your labels? にチェックを入れると、当該 URI に付けられている最もポピュラーなタグを自動的に付けてくれるっぽい。

一時インポート機能は使用停止になってたんだけど、現在新しい機能が盛り込まれて復活している。

2005-09-05T13:41:26+09:00 | コメント (0) | トラックバック (0) |はてなブックマーク

検索サイトが CSS ファイルをインデックス

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

YST が 外部ファイルの CSS をインデックスしているって話があって、戦々恐々としている SEO 業者がいるとかいないとか。

今後は display:none 等の指定がある場合、隠しテキストスパムと誤認される可能性もあるので注意が必要かと思います。

んでもって、Google の方でもいくつか CSS ファイルがインデックスされてるみたい。

実際に中身を見てスパムと判断されるのかは微妙だけど、display:none; だけでなく、text-indent: -9999px; 等の方法もあるわけだし、そうなるとマイナス値を入れていて尚かつそれが表示領域外まで飛ばしているって判断なんか出来るのかなぁ。もう、イタチごっこだな。いや、でもキーワードを文書内に 3% から 5% の割合で違和感なく散りばめていく writing って結構大変なんだろうな。安易に display: none; に逃げている SEO 業者が淘汰されていくのは正直しょうがない。

2005-09-01T14:58:31+09:00 | コメント (2) | トラックバック (2) |はてなブックマーク