メンテナブルCSS
概要 メンテナブルなCSSを目指し、定義された一般的なCSSルールの紹介と、それらのルールを適用するにあたって活用できるツールを報告します。 1. 序論 CSSは記述ルールが簡素であり、少しの学習コストですぐに記述ができる手軽なツールです。 しかし、大規模なアプリケーションで複数人で開発するケース等では、見栄えだけしか考えずに身勝手にコーディングしてしまうと、 非常にメンテナンスコストがかかる負の遺産が作られてしまいます。 そのためCSSの品質を保つために様々なプロジェクトで、CSSの定義ルールが決められています。 本稿では一般的なCSSの定義ルールと、そのルールがなぜ作られたのかを合せて報告致します。 また、CSSのルールを適用するにあたって、手動・目視でルールの適用をチェックするのは非常にコストが高い作業です。 これらルールの適用を補助するツール群を、合せて報告致します。
Webサイトの制作／運用の効率化を図る 「ガイドライン策定」のすすめ（後編）
本連載では、Web標準のメリットを最大限に生かすことをテーマに、仕様書には書かれていない部分を中心に取り上げ、実際のWeb制作現場で起こり得る問題について、解決の糸口をたらしていきたいと思います。連載第2回目となる今回のテーマは、前回に引き続き、制作／運用時の指針となる「ガイドライン策定」です。前回紹介しきれなかった「CSSガイドライン」、その他のドキュメントについて解説していきます。 はじめに 本連載では、Web標準のメリットを最大限に生かすことをテーマに、仕様書には書かれていない部分を中心に取り上げ、実際のWeb制作現場で起こり得る問題について、解決の糸口をたらしていきたいと思います。 連載第2回目となる今回のテーマは、前回に引き続き、制作／運用時の指針となる「ガイドライン策定」です。前回紹介しきれなかった「CSSガイドライン」、その他のドキュメントについて解説していきます。 対象読者
スタイルシートを書く時のガイドライン - 2xup.org
2006-07-11T19:56:28+09:00 会社ではやっているのだけれど、自分のウェブサイトでもやってみよう。と簡略記述を利用する場合の値の順序やらもまとめとく必要があるのかもしれないけれど、セットフォーマットルールやプロパティの順番だけをサクッとまとめて資料にしてみました。課題は残したもののこれだけでも相当すっきり。詳細やセットフォーマットルールに関しては、ダウンロードできるようにしている資料を参考にしていただくとして、このエントリーではプロパティの順序についてまとめることに。自分自身が実際に作業を進めていくことを考慮し、その考えに基づいて設定したモデル別の順序は以下の通り。 生成 内容, 自動番号付け及びリスト (Generated content, Automatic numbering, and Lists) 利用者インターフェイス (User Interface) ビジュ
XHTML・CSSコーディングガイドライン | d-spica
文書の構造を示すことを目的とする。見た目の装飾に関わることを記述しない。 宣言 特に事情がない場合は，文字コードをUFT-8にして，XML宣言を省略する。 DOCTYPEは原則的にXHTML 1.0 Strict 。 ただし，更新スタッフの事情に合わせてXHTML 1.0 Transitional，HTML 4.01 Strict，HTML 4.01 Transitionalにする場合もある。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> head ページの性質を示し，UAに読ませることを目的とする。 最初に <meta http-equiv="Content-Type" content="text/html; ch
SimpleBoxes | CSSとHTMLのコーディングガイドライン
当ページでは、他の多くのウェブページと同様、CSSならびにHTMLを利用しています。 私はperlでスクリプトを作成しますが、その際、perlのコーディングルールは、明文化していて、できるだけ分かりやすいコードを記述するように心がけています。 今回、perlと同様にCSSならびにHTMLについてガイドラインを作成してみました。 HTMLコーディングガイドライン ver 0.00 [日本語] HTML coding guideline ver 0.00 [English] CSSコーディングガイドライン ver 0.00 [日本語] CSS coding guideline ver 0.00 [English] HTMLに関しては、属性に対しての出現順序がメインのルールになります。XHTML 1.0 Strict DTDが一番の参考文献でしょうか。 我的春秋: 論理構造を文脈に読み換えながら
HTML/XHTMLマークアップ・CSSコーディングガイドライン | enoq(エノーク)
HTML/XHTMLマークアップ・CSSコーディングサービス - ciqlie（シクリエ）では、コーディングガイドラインに基づいたHTML/XHTMLマークアップ・CSSコーディングを行います。このページではコーディングガイドラインの一部を掲載しております。 案件によってはガイドラインと一部異なる設計・実装を行う可能性がございますのであらかじめご了承ください。 ディレクトリ構成 命名規則 HTMLマークアップ CSSコーディング アクセシビリティ ディレクトリ構成 html ├common/ │ ├css/ │ │ ├import.css [各CSSファイル読み込み] │ │ ├common.css [各ブラウザスタイル調整定義] │ │ ├structure.css [サイト構造定義] │ │ ├editorial.css [サイト構成定義] │ │ ├component.css [サイ
ディレクトリ・ファイルガイドライン - aquanotes β place.
ディレクトリ名・ファイル名 分かりやすい英単語を用いる ローマ字はスペルのぶれ（shaとsyaなど）があるため、利用しない すべて小文字で記述する（一部の環境で大文字・小文字を区別する場合があるため） 例：○ dir / × DIR / × Dir 単語が複数になる場合は、アンダースコア（_）で区切る 例：○ first_dir / × first-dir / × firstdir 直接リンクされない素材フォルダなどは、区別をつけるための冒頭にアンダースコアをつける 例：○ _images / × images ディレクトリ内には、必ず「index.php」ファイルを準備し、URLを省略されても何らかのファイルが表示されるような構成にする ディレクトリの作成基準として、グローバルナビのボタンごとに1つ、その中にローカルナビのボタンごとに1つといった具合に作成し、ディレクトリ内にindex.
プロパティの指定順序 | かたつむりくんのWWW
CSSの記述順序をまとめてみました。 おおまかなところはMozillaの順序をベースにし、それにW3Cの仕様書（CSS2 Specification）と僕のバイブルである『Web標準の教科書―XHTMLとCSSでつくる"正しい"Webサイト』での出現順序をミックスさせて、少し自分好みに並べ替えました。 使用頻度の低いプロパティは隠してありますので「**」のついている項目をクリックすれば表示されるようになっています。 ちなみにこのアコーディオンは、タブ形式で切り換えることにも対応できるように「よくある質問っぽいののjQueryを使ったサンプル」で紹介されているライブラリを使用させていただきました。 なお、qaTab.js の以下の部分の2行目と8行目に「.accord」を加えて、dt.accordだけがアコーディオンするように変えています。そうすれば、<dt>要素の次に<dd>がない場合でも
Webサイトの制作／運用の効率化を図る 「ガイドライン策定」のすすめ（前編）（1/4）：CodeZine
Web標準に従うことは、SEO効果、ユーザービリティ、メンテナンス性の向上など、Webサイトの利用者と制作者の双方にさまざまなメリットをもたらします。しかし、実際にWeb標準の仕様書に従ってWebサイトを制作しようとすると、制作者の頭を悩ませる多くの問題が待っています。本連載では、Web標準のメリットを最大限に生かすことをテーマに、仕様書には書かれていない部分を中心に取り上げ、実際のWeb制作現場で起こり得る問題について、解決の糸口をたらしていきたいと思います。 はじめに Web標準に従うことは、SEO効果、アクセシビリティ、ユーザービリティ、相互運用性、互換性、メンテナンス性の向上など、Webサイトの利用者と制作者の双方にさまざまなメリットをもたらします。しかし、実際にWeb標準の仕様書に従って「正しい（X）HTML+CSS」でWebサイトを制作しようとすると、制作者の頭を悩ませる多くの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.makinokobo.com/rule/index.html