セレクタ - CSS2 リファレンス
この文書では，CSS2のセレクタ構文とその概要について述べます。CSSでは適用対象の選択のためにセレクタと呼ばれるパターンマッチングの規則が用いられ，文書ツリーの各要素に適用されるスタイル規則を決定します。 このセレクタの章を読み始める前に，まづCSS2構文の概説を通読されることを，お奨めします。 目次 パターンマッチング（Pattern matching） セレクタの構文（Selector syntax） グループ化（Grouping） 全称セレクタ（Universal selector） タイプセレクタ（Type selectors） 子孫セレクタ（Descendant selectors） 子供セレクタ（Child selectors） 隣接兄弟セレクタ（Adjacent sibling selectors） 属性セレクタ（Attribute selectors） クラスセレクタ（C
ハイパーリンクをより良い物に - Personnel
「リンクする」とはリソースとリソースの関係を明示すること リンク先にジャンプするのはブラウザが行っていることであって、この現象はリンクする行為と直接関係がありません。 問題点を指摘されるリンクの用い方というのは、必ずと言っていい程この基本を蔑ろにしたものとなっています。従って、極めてシンプルなこのリンクの本質を知っておけば： 間違えた用法でアクセシビリティを低下させてしまう といった事態を自然に防ぐことができる筈です。 簡単な例を挙げます。「ココをクリック」の「ココ」という文字列をアンカーにする行為は、しばしば批判されます。しかし「なぜ間違っているのか」については個々の具体的な問題としてしか説明されません。これでは、いつまで経ってもこれと類似した間違った方法でリンクしてしまう方が後を絶たないわけです。 この「ココをクリック」の問題点は実はたった一つです。もといそう考えるべきです。
文書指向 ウェブデザイン - Personnel
「Table of contents へのリンク一つ」だけでは、「何についてのサイトか」を読者は理解できません。読者に唯一のナヴィゲーション・リンクを辿ってもらうための動機づけとして、弱くはないでしょうか。同様に agenda のパンくずナヴィゲーションなら、Personnel が親サイトであることは見て取れますが、何についてのサイトかまでは読み取れません。「○○について」等の補助的な情報を示すことで、覗いてみようと思う読者も出てくると思うのです。 Web日記の「最新版」と「アーカイヴ」等 より Su さんの仰ることは、間違っていません。しかし、私はagendaの閲覧者に「ペルソネルは何についてのサイトか」を知ってもらおうとは考えていません。目次へのリンクだけでなく、パンくずを用意するのは、サイトを紹介したいからではなく、サイト内におけるその文書の階層的な位置、或いは、具体性のレベル
まだまだ誤解も多い自治体のWebアクセシビリティ対策
清家 順（せいけ・じゅん） ユニバーサルワークス代表取締役。 アクセシビリティに配慮したWebサイトの設計・制作、Webアクセシビリティガイ ドライン策定、Webサイトの評価・診断業務を行なう。2003年から毎年実施の自社調査や、日経BP社が実施した調査「利用者への配慮が足りない中央省庁のWebサイト」「自治体サイトアクセシビリティランキング＜都道府県編＞」）への協力などを通じて、のべ500以上の自治体・中央省庁サイトを調査・診断した実績を持つ。日本広報協会 広報アドバイザー。 自治体サイトで提供される情報やサービスは、インターネットの普及、ブロードバンド化の進展、新たなWeb技術の採用によって、より表現力豊かで高度なものが求められるようになってきた。同時に、誰もが情報に無理なくアクセスでき、様々な利用者が同等にサービスを受けられるような配慮が求められている。 自治体サイトにおいては対応が
デフォルトスタイルの差異を無くす CSS
2007-01-30更新 Yahoo UI Fonts CSS使用時の各要素のフォントサイズを変更する際の注意点を追加しました。 defalut.cssちょっとだけ修正 2007-01-18 更新 記事の内容も古くなり、Yahoo Libraryなどがでて更に差異を減らすことが簡単になったことから、これを利用し、スタイルも簡潔にシンプルに記述しなおしましました。前よりも使いやすくなったはずです。前回配布していたものとの変更点は次のようになります。 定義グループにアウトライン番号を記述 ベーススタイルのデザインをシンプルに記述し直し 使用していたカラーを一部を除いてモノトーンに変更 Yahoo Library Fonts CSSを組み込み、各ブラウザで文字サイズが同一になるように修正 プロパティ記述順序をhail2u.net「CSS2 Specificationでのプロパティの出現順序」に沿
Lucky bag::blog: 維持しやすい CSS を考える
wg:Maintainable CSS CSS を維持・管理していく上で、保守性の高い CSS を作成するにはどういったことを意識して作成するだろうか。上記サイトでは個人的な好みと前置きし、いくつかアイデアを述べている。コメント欄なんかでもちょっと盛り上がってて、激しく同意できる部分もあったりそりゃ違うなとか思ったりと、色々と考えさせられた。 CSS を作成する際に自分が考えること 自分でも改めてまとめてみると何か新しい事が見えてくるかもしれないし、コメントで何かヒントやアイデアを教えてくれる人も居るかもしれないなぁとか思ったんで、ちょっとまとめてみた（上記サイトと被ってるのが多いけど）。 CSS ファイルの肥大化を抑えるよう、作成中にボツになったスタイルは必ず削除しておく。頻繁にスタイルを変えるような場合は、指定する必要のないスタイルが残っていないかチェックする。 どれだけ些細な事でも、
hxxk.jp - CSS の記述ルール記事のまとめ
いまだに私自身「これだ ! 」という答えを見出していないのですが、 CSS の記述ルールって絶対的な正解ってありませんよね ? ちょっと私が知っている範囲で明文化されている CSS の記述ルールを集めてみましたので、それを元に絶対的な正解のルールではなく、最大公約数的なルールを模索してみたいと思います。 ちなみに、今回模索するのは Lucky bag::blog: CSS を作成する際のお約束やデフォルトスタイルの差異を無くすCSS のような Tips ではなくて、あくまで .css ファイルを書き上げる際のルールのことです。 それと、取り上げた記事は順不同です。 書き上げてから、公開日時順にした方が良かったかなあとも思いましたがもうこのままで公開。 Type selectors を XHTML Abstract Modules の順番に沿って記述 - hxxk.jp ガイドラインを作成お
Font Property Font Family
Font Family フォントの書体を指定します。 HTMLの<FONT FACE="★">と同じ機能です。HTML 4.01で<FONT>タグは、非推奨要素となり、スタイルシートで指定指定するように推奨しています。 値は、フォント名や汎用フォントファミリー名で指定します。 ●関連プロパティ FONT フォントファミリー名 フォントファミリー名は、フォント名を指します。フォント名は、ワープロなどソフトで表示されているフォント名で指定します。（ファイル名ではありません。 例. ARIAL.TTF） 「Arial」の場合「Arial Bold」や「Arial Italic」がありますが、「Arial」がフォントファミリー名になります。 Times New Romanのようにスペースが入るフォント名の場合、""で囲むように推奨しています。ＭＳ Ｐゴシックの場合、全角のＭＳに半角スペー
使えない文字
#PCDATA #PCDATA（parsed character data）は解析の対象になるので、「<」, 「>」はそれぞれタグの開始, 終了と解釈されてしまいます。よって、直接記すのではなく文字を参照しなければならなりません。&は文字実体参照の開始記号として使われるので、それ以外の用途なら文字を参照します。HTML 4では1114111までISO 10646の文字コード位置で参照可能ですが、HTML 3.2は255までです。一覧表 ※HTML 4では10進数だけでなく16進数でも良いことになってはいますが、10進数の方が無難です。実体参照では大文字小文字が区別されます。 < → < (<) > → > (>) & → & (&) Å → Å (Å) å → å (å) CDATA CDATA(character data) は、文字データの終りを示す区切り子「</」の他にはマーク
W3G - World Wide Web Guide
Go to information W3G - World Wide Web Guide W3G について 当サイトは、初学者を対象とする World Wide Web（ワールド・ワイド・ウェブ）における情報技術の解説サイトです。ウェブサイトの作り方などの基本・基礎から応用のウェブサイトの品質を高める方法など SEO対策（検索エンジン最適化・ウェブページ最適化）と Web標準（Web Standards）にフォーカスしたウェブサイトの作成情報を中心に扱っています。ただし、作者の知識が偏っているため扱っている内容も偏っています。 免責事項 w3g.jp 配下で公開しているリソースは、その正確性に万全を期すよう努力しておりますが、その内容の正確性、有用性、安全性等については、いかなる保証を行うものでもありません。また、当サイトの利用者が掲載情報に基づいて下した判断および起こした行動により、いか
ネクタイの結び方
ネクタイの結び方このキーワードで検索: シンプルノット シンプルノットは 最もクラッシクなネクタイの結び方 です。簡単にできて、どんなスタイルのネクタイやシャツの襟にも合うので、最も広く愛用されている結び方です。中くらいの身長の男性から背の高い男性にぴったりです。 シンプルノットの結び目は 円錐型でやや縦に長め になります。細いネクタイだと小さめ、太めのネクタイだと大きめの結び目に仕上がります。... > ダブルノット ダブルノット は シンプルノット にとても似た結び方です。違いは、シンプルノットでは 小剣の周りを一巻きしかしない大剣（ネクタイのネクタイの幅が広い方の端）がダブルノットでは 二重巻き することです。 シンプルノットより 結び目が厚い ダブルノットは、ほとんどどんなタイプのシャツにも合います。ネクタイも、幅がとても太いタイプ以外のほとんどのネクタイに適しています。... >
ネクタイの結び方
基本中の基本ながら、いまや主流となりつつある結び方です。 あらゆる結び方のうちで最も簡単で基本的。着脱によるタイへの損傷も少ないため万人から支持されています。１９世紀の中頃に登場と歴史は古いですが、今日においても、使用頻度も応用範囲も一番高い結び方です。 今はスカーフのごとくふんわりと締めるのがオススメです。 プレーンノットより少しだけ結び目にボリュームを持たせたいときにオススメ。 一見、普通に見えて、気がつく人は気がつく、という粋な演出ができる結び方です。ノットを彩るズレは、プレーンノットの大剣を二重巻きする事で出現します。したがって、プレーンノットより当然ノットにボリュームが出ますが、思ったほど大きくならず、むしろ品よく仕上ります。
30分HTML
HTMLは決して難しいものではありません。基本的なことがらなら、30分で概要を理解することだって可能です。そして、その基本だけで、十分ウェブページを書くことができるのです（ここでは、より広い可能性を持つXHTMLの書き方に準じて説明します）。 最初の準備 よいHTML HTMLの基本形 タグとは何か タイトルを決める 分かりやすい本文の構造 段落を示す 見出しをつける リストにして示す いろいろな情報の伝え方 リンクする 強調する 画像を表示する 作者情報 マーク付け言語と文字の情報 よいHTML せっかくHTMLの書き方を身につけるのですから、どうせなら「よい」HTMLを書けるようにしましょう。全ての学習と同じで、「よい」メソッドを身につけると、絶対に理解も早いしあとが楽になります。すぐにHTMLを書きたい人も、ちょっとだけ付き合ってください。 よいHTMLの条件 よい文章の条件の一つが
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://msugai.fc2web.com/web/CSS/selector.html
http://www.tg.rim.or.jp/~hexane/ach/hscs/hscs5-02.htm
http://numerous.org/bazooka/mt/archives/2006/04/defaultStyle/
http://2xup.org/common/css/style-guide.pdf
HTML 4 文字実体参照 （font-family: Helvetica, Arial, sans-serifバージョン）
woollywormer | SonyPlaza
リゾレーヌ サプリを口コミだけで判断してはダメ？バストアップ効果が口コミ通りなのか試してわかったことを包み隠さず公開します！
Engadget | Technology News & Reviews