CSS

RSCSS という CSS 設計について

CSS

Components Components の命名規則 Elements Elements の命名規則 Element のセレクター 複数の単語が使いたい タグセレクタを避ける Variant Variant の命名 Element の variant ダッシュ・プレフィックス ネストした Component ネストした Component の Va…

CSSのvertical-alignについて

CSS

大前提として、僕の知識は基本的にCSS2止まりです。また、Webデザイナーでもありません。今は(css3では)こうするのがトレンドだよーとかあれば教えて頂けると大変喜びます。 昨夜twitterで403 Forbiddenという記事を紹介してもらった。確かに昔ハマったこと…

Googleのナビゲーションバーをページ上部に固定するユーザースタイル

CSS

完成してから気づきましたが、すでに Google+ 限定でなら書いてる人も何人かいるみたいですね。僕はGoogleの主要なサービスにほぼ全てで、上部のナビゲーションバーを固定させてみました。かなり面倒だったので後悔してますが。Gmailは元々「アーカイブ」と…

高さの異なるボックス要素を揃えるdisplay:-moz-boxの罠

CSS

こんな記事を見つけました。この発想はなかった! 高さの異なるボックス要素を揃えるテクニック : HTMLコーディングのノウハウ : HTML/XHTML、CSSコーディング最安保障~クロノドライブ~で、その記事のブコメでこんなの見つけました。この発想はあった! …

CSS3のtext-shadowでWindowsでもなめらかフォントを。

CSS

Windowsユーザーでブラウザのデフォルトフォントを変えてる人って結構少数派だと思いますが、多数派であるWindows+デフォルトフォント(MS明朝とかMSゴシックとか)で自サイトが見られても、Macのようななめらかな日本語フォントで表示させる方法があります…

シンタックスハイライトの色変更

CSS

とりあえずPython用に色変えてみた。 CSSはこんな感じ。 /* 文字列 */ span.synConstant { color: green; } /* コメント */ span.synComment { color: red; } /* 識別子(変数名とか関数名とか */ span.synIdentifier { color: blue; } /* ステートメント */ …