derric.org

CSSの最近のブログ記事

Ustream配信を視聴してのメモです。 (読み物にはなっておりませんので悪しからず) 「Yahoo!ブラウザカンファレンス2010」 日時:2010/11/2(火) 19:00-21:30 場所:ヤフー株式会社 東京ミッドタウンタワー11F(受付2F) Webサイト:http://gihyo.jp/event/2010/browserconf Ustream:http://www.us… >> 続きを読む
友人のツイッターを見て気になったのでちょっと調べてみました。 (googleではスラッシュ文字を検索できないのでちょっと苦戦) 1つ、こんな発言を発見しました。 http://xhtml.com/en/css/conversation-with-css-3-team/ (ページ内を"double slash"で検索してください) 「一部のbuggyなブラウザが // をskipしてくれないの… >> 続きを読む
li を display:inline で横並びにすることがよくあると思いますが、 このときにできる li 間の余白が邪魔なときがあります。 改行しない、コメントアウトで間をつぶす、などの方法がありますが、 どちらもソースが読みにくくなるのであまり好きではありません。 そこでもう少しいい方法がないかと思ったら、 li に display:table-cell を指定する方法を見つけました。 … >> 続きを読む
SEO的な理由も多少ありますが、 個人的に、テキストであってほしいところが画像になっているために テキストとしてコピペできないというのがきらいなので、 あくまでテキスト+CSSでどこまで画像のような見た目に近づけるか試してみました。 目標はこんな感じ。 で、テキストの元の状態はこんな感じ。"Verdana"をあてています。 まずはフォントの種類を変えてみます。 フォントの種類を変えてし… >> 続きを読む
よくソースコードを張り付けることがあるので、 ソースコードをそのまま表示できないかと考えました。 ポイントは以下の3点。 ・"<"と">"を、"&lt;";、"&gt;"に変換することなく表示することはできないか。 ・タブ文字をそのまま表示して、コピペしたときにタブを保持したい。 ・読みやすいように、改行をうまく処理したい "<"と">"を、"&lt… >> 続きを読む
CSSで背景画像をランダムに表示できないかなぁ、 と思ったらありました。 >> CSSのバックグラウンド画像をランダムに表示してみる   参考サイトの説明では、HTML中に<div id="rotator"></div>と記述し、 CSSで#totatorのbackgroundを指定するというやり方を紹介していますが、 CSSで指定可能な要素であればど… >> 続きを読む
ページトップへ