2013まあ今更こんな記事ってな感じですが。Sassを使い始めて約1年、自分のブログに記事を書いておくのもひとつの記録かなと思い、メモがてらに記事にしてみました。@functionを追記しました。@eachを追記しました。Safari/FFはヒラギノ角ゴを表示から早くも3年近く経っている事にびっくりしました。ddを横並びにする記事をこのブログにポストしました。過去の記事は2つともfloatを利用しましたが、ネガティブマージンを使った方がCSSコードもシンプルになるのでおススメです。2009Firefox3.6のベータ版でCSS3のグラデーションが使えるようになりました。グラデーションには線形と円形がありますが、今回は線形のみを試して見ることにしました。2009当ブログの過去のエントリーborder-collapseの内容は2006年当時の内容であるため、検証したブラウザが少々古い物となっています。自分の環境で出来る限りのキャプチャーを取ってみました。検証したブラウザは以下の通りです。クリックするとキャプチャー画像をご覧になれます(画像は2倍に拡大してあります)。2009CSSでフッターを下部に固定する方法ですが、おそらく有名なのはCSSStickyFooterでしょう。コンテンツ部分のpadding-bottomにフッターのheightを指定してフッターのmargin-topにheight分のネガティブマージンを指定するという物です。2009ネタもとはここらへんです。2009番号付きの箇条書きは通常olタグを使ってマークアップしますが、入れ子になった場合とかにカッコ数字の番号や丸数字を利用したくなったことは無いでしょうか?僕の場合は往々にしてあります。liでマークアップした場合カッコ数字や丸数字を表示させます。バージョンで少々不具合があったので修正版をエントリーしておきます。hiddenを指定していても一部のブラウザでテキストが見えてしまう時がありました。Safari/FFはヒラギノ角ゴを表示から1年4ヶ月ほど経ちました。ブラウザの最新版はIE8/FF3/Safari4となったのでフォントのセットを少々変更してみました。2009IE8、FF3、Safari、Opera、Chromeで正式にサポートされているdisplayプロパティの値inline-blockを使ってマルチカラムレイアウトを実装するテストをしてみました。2009もともとマカーなのであまりWindowsのGUIが好きではありません。XPのあの青いタスクバーと緑のスタートボタンがどうにも受け付けません。Styleを利用出来るようにする「UXTender」と言うものを入れています。2008本日プリント用CSSをゴリゴリと書いていましたが、その時2つほど問題になった点があったのでメモ代わりに書いておきます。noneで消しました。2008今までFirefoxでコンテンツが少ない場合にもスクロールバーを出すのには以下のように記述していました。ある日の事、ページを印刷しようとして印刷プレビューを表示しても1ページしか表示されません。Japanにはドコモ側のコメントで「今回の発表は残念」のような記事が書いてあったのけど、iPod情報局では6月9日までまだ分からないよ〜見たいな記事がかかれていました。2008iTunesの曲名が表示されるウィンドウライクなデザインをdivとp、spanタグでマークアップしてデザインしてみました。(X)HTMLコードは以下のようなシンプルなものです。2008定義リストの横並びで苦戦したので再びエントリーしておきます。以前のエントリーは1つのdtに対して複数のddを記述すると最初のddがずれると言うものでしたが、ddが折り返された時はずれたままでしたが、今回は折り返されてもずれないようにCSSを調整して行きます。次のような(X)HTMLがあります。Firefoxをメインに使ってます。最近メイリオを指定しているサイトがぼちぼちと。ところがFirefoxやIE6なんかで見てるとアンチの切れたメイリオが表示されて非常に読みづらいのです。2007ネガティブマージンに関する記事を検索していたらたまたまこのような記事に出会いました。要するに『class名に視覚的な内容を示すのはセマンティックに反するので、その要素が意味することが伝えられる名前にしなさい。