最近Flickrを使うようになったのですが下図の赤枠の意味が（英語だし）よくわかんなかったので著作権についてメモしておきます。

下図は赤枠の部分を拡大したもの。それぞれどんな意味合いがあるのか調べてみました。

None (All rights reserved)

すべての権利を保有しています。コレですね→©（HTMLの特殊文字でいう©）

Attribution-NonCommercial-ShareAlike Creative Commons

表示-非営利-継承 2.0 一般

Attribution-NonCommercial Creative Commons

表示-非営利 2.0 一般

Attribution-NonCommercial-NoDerivs Creative Commons

表示-非営利-改変禁止 2.0 一般

Attribution Creative Commons

表示 2.0 一般

Attribution-ShareAlike Creative Commons

表示-継承 2.0 一般

Attribution-NoDerivs Creative Commons

表示-改変禁止 2.0 一般

それぞれのリンクに飛ぶと詳しく書かれています。グダグダなまとめ方ですみません。
cc クリエイティブ コモンズのアイコンの意味とflickr cc検索の方が参考になると思います。。

少し前に取り上げたリセットCSSを使わない？という向きもあるですが、実際はそうも言ってられないわけです。。自分（社内？）用のリセットCSSについて見直しておこうと思います。以下のものが、比較的最近のもので公開できるリセットCSSですかね。確かCSS Tools: Reset CSSを参考にしたと思うんですが。。

• yusukenakanishi.com のリセットCSS

ただコーディングする際に問題点があるので書いておきます。下記のようにh1～h6の見出しに画像を入れると変な余白ができてしまいます。

<h1><img src="" alt="" width="" height="" /></h1>

以下のCSSで解決はするのですが、この方法でいいんでしょうか？皆さんどうされてますか？それともこんな症状はでないのでしょうか。。

h1 {
	line-height: 1;
}

DOAS

リセットCSSの上部に概要を書いているのですが、僕はこういうのにルールがあるほうが嬉しいのでDOASを採用しています。VERSIONFIVEさんにも詳しく書かれています。社内の共通ルールとしても採用しようと思っているのですがどうなんでしょうかね。案件によってはルールが定められていたり、余計なこと書かないでと言われたりなので臨機応変にというところでしょうか。

主として単一ファイルで完結しているJavaScript, Perl, PHPなどのスクリプトやXSLT, CSSなどのスタイルシートの概要を、ファイル内に記述するための語彙。
The Web KANZAKI：DOAS: Description of a Script/Stylesheet vocabularyより

YUI Fonts CSS

フォントのクロスブラウザ対策に使ってます。他にも対策の仕方はあるのですが僕はYUI Fonts CSSが好きなので使ってます。ただ、下記のような<span>～</span>の間だけ文字を小さくしたい場合はどうすればいいのかわかりません。法則性があるのかなといろいろ検証してみたのですがなさそうです。。

<p><span>中西祐介</span>ナカニシユウスケ</p>

どうしてもっていう時は以下のようにそれぞれの<span>～</span>にフォントサイズを指定して解決しているのですが不細工なんですよね。

<p><span>中西祐介</span><span>ナカニシユウスケ</span></p>

リセットCSSの見直しというよりも質問ばかりになってしまっています。心優しい誰か教えてください。。

小粋空間さんで紹介されている内容。仕事では使ったこと無いし、おそらく今後もblog.yusukenakanishi.comでしか使わないと思うけど忘れるのでメモしておく。

<object width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/XLLRsn_nr6s&hl=ja&fs=1"></param>
<param name="allowFullScreen" value="true"></param>
<embed src="http://www.youtube.com/v/XLLRsn_nr6s&hl=ja&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed>
</object>

<object data="http://www.youtube.com/v/XLLRsn_nr6s&hl=ja&fs=1" type="application/x-shockwave-flash" width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/XLLRsn_nr6s&hl=ja&fs=1" />
<param name="wmode" value="transparent" />
<a href="http://www.youtube.com/v/XLLRsn_nr6s&hl=ja&fs=1">http://www.youtube.com/v/XLLRsn_nr6s&hl=ja&fs=1</a>
</object>

下記サイトに便利なGreasemonkeyスクリプトが紹介されているけど上手くいかない。何でだろ。。

• http://note.openvista.jp/
• http://design-develop.net/

追記（Tuesday, July 8, 2008）

YouTubeの埋め込みコードをXHTML validにするGreaseMonkeyスクリプト
Liner Noteのlevaさんに新しいものを作ったよとういうご報告を頂きました。スクリプトのソース22行～25行で「動画の枠線」と「関連する動画の表示」の有無が設定できるようです。僕はどちらもfalseの値にしました。コレをGreaseMonkeyのユーザースクリプトとしてインストールすると下記のように書き換えてくれます。しかも定義リストの<dl>～</dl>でマークアップしてくれる優れものです。

<dl class="video">
<dt><a href="http://www.youtube.com/watch?v=XLLRsn_nr6s&fmt=18">YouTube - Gotta Digg</a></dt>
<dd><object data="http://www.youtube.com/v/XLLRsn_nr6s&hl&ap=%2526fmt%3D18&rel=0" type="application/x-shockwave-flash" width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/XLLRsn_nr6s&hl&ap=%2526fmt%3D18&rel=0" />
<param name="wmode" value="transparent" />
</object></dd>
</dl>

で、貼り付けるとこんな感じ。楽ちんですねー！

YouTube - Gotta Digg