タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

cssとガイドラインに関するdaikixのブックマーク (3)

  • 自分用CSSスタイルガイド

    2011年12月時点でのCSSを書くときの自分内での決まりごとを書いておきます。 まあこういうのは自分(やチーム)が分かりやすければ何でもいいと思いますけどね。 基的に自分以外は編集することがないので、結構好き勝手に書いてます。 インデント・改行・空白基的にセレクタはインデントなし。宣言(プロパティと値)の部分はセレクタの開始位置から半角スペース2つ分インデントする。@media内など、ネストされている場合はその中のセレクタはアットマークルールの開始位置から半角スペース2つでインデントする。セレクタが複数ある場合は基的にカンマで改行するが、擬似要素・擬似クラスが違うだけの場合は同一行でもよい。 (リセットCSSなどは除く)宣言ブロック開始の波括弧{は最後のセレクタと同じ行に書き、直後に改行を入れる。宣言ブロック終了の波括弧}の直前に改行を入れる。各宣言ごとに改行する。基的にはセミコ

    自分用CSSスタイルガイド
  • HTMLとCSSのコーディング規約がまとめられているサイトを教えてください。…

    HTMLCSSのコーディング規約がまとめられているサイトを教えてください。 (タグの仕様とかではなくメンテしやすいコードを書くためのガイドラインとして) PHPであればhttp://framework.zend.com/manual/ja/coding-standard.htmlのような、複数人でコーディングするときの指針を探しています。 贅沢を言えば、CSSのID名・クラス名・外部ファイル名の命名規則、外部ファイルのディレクトリ構造などが決められているものであれば幸せです。 ちなみに、HTMLのDOCTYPEは4.01 Transitionalで、一応IE5.5以上、FireFox1以上、Safari、Opera9以上がサポート対象です。

  • ウノウラボ Unoh Labs: CSSの管理と記述法のコツ

    前回はYUIの紹介でしたが、今回はCSSの管理と記述法について書きたいと思います。 CSSは、主なHTMLエディタなどでは標準で編集できますが、多人数での開発 やスタイルが多くなってくるほど管理が大変になっていきます。 アプリケーションソフトの管理機能もいいですが、CSSコーディング規約のようなものがあると、より把握が容易になるメリットがあります。 サイト基準設定、ページレイアウト、共通要素、個別スタイルに分ける 構成内容によって、上記のような段階に分けると、意図しない表示等が出たとき、簡単に影響箇所の割り出せます。 基準スタイル(ex: base.css) font-sizeやfamily,デフォルトのmarginやpaddingのリセット等。 前回のYUIのReset.CSSを使う手もあります。 ページレイアウト(ex: layout.css) カラム構成やグローバ

  • 1