CSS

記事のカテゴリーによるクラス指定的な何か

通常のblogのように*1記事をカテゴリーによってディレクトリ的に分類するとしたときに、カテゴリーに応じて記事のスタイルが変わると良いかもしれない。大きく変化させる必要は無いけど、例えば見出しの背景色が変わるとか。例えば[Widget]は背景が暗めで、[…

font-familyの名前

CSS

今のところ半ば自分用メモ。上の画像、左はWebKit NightlyBuild、つまり開発版Safari。右はFirefox2.0。で、以下のコードを表示。 <html> <head> <title>フォントのテスト</title> <style> p { font-size: 22px; line-height: 1.1em; } .useName { font-family: "ヒラギノ角ゴ Std W8"; } .useP</style></head></html>…

絶望した!簡単な疑似要素もまともに扱えないIE7に絶望した!

CSS

IEは擬似要素に全称セレクタをマッチさせているように見える - 徒書 なんかIE7では、first-letter疑似要素が、その(本物の)要素の値を継承してないっぽい感じみたい。最低。 okelaとしてはですね、IE6は非常に糞だったけど、IE7ではCSS対応がマシになると聞…

MizillaとSafariのCSSサポートを組み合わせればCSSだけでboxのドロップシャドウができる

CSS

と思ったんだけど、組み合わさってないんだからできないわけで。アイディアだけ。 Mozillaではborder-colorに複数色を設定すれば、例えばグラデーションのかかったborderを作ることができます。(てっきりCSS3公式なのかと思ったら、CSS3背景、ボーダーモジュ…

CSSだけでロールオーバーで日本語と英語を切り替える

CSS

はてなでは記事でstyleを使えないのでコードだけですけど <style type="text/css"> .rollover > span[lang=en]{ display: inline; } .rollover > span[lang=ja]{ display: none; } .rollover:hover > span[lang=en]{ display: none; } .rollover:hover > span[lang=ja]{ display: in</style>…

body{ font-size: 75%; }ってどうなのよあんた。

CSS

素人テンプレートに有りがちなんですけど、どうもデザイナーもどきのデザインはむやみやたらとフォントサイズを小さくしたがるようで、中でもページのデフォルトサイズまで小さくさせるのは酷い話。 人が折角14pxが見易いからってデフォルトを14pxにしてても…