by Ben Watkin 「ミント・クリーム」「ピーチ・パフ」「ナバホ・ホワイト」など、ウェブカラーには分かるような分からないような抽象的な名前が付けられています。CSSカラーモジュールでは141種類の「色」が標準化されていますが、一体誰が何のために「ドジャーブルー」のような分かりづらい名前をつけたのか、Ars Technicaが秘密に迫っています。 “Tomato” versus “#FF6347”—the tragicomic history of CSS color names | Ars Technica http://arstechnica.com/information-technology/2015/10/tomato-versus-ff6347-the-tragicomic-history-of-css-color-names/ CSSカラーモジュール・レベル4では141
CSS in Action Invisible Content Just for Screen Reader Users You are here: Home > Articles > CSS in Action: Invisible Content Just for Screen Reader Users Introduction There are occasional instances where content should be made available to screen reader users but hidden from sighted users. In the vast majority cases, content that is available visually should be available to screen reader users, a
すみけんたろう著 簡略な目次 HTML版に寄せて 詳細な目次 まえがき 1. Introduction to CSS with HTML 2. tutorial of HTML as SGML 3. some more HTML 4. CSS syntax in detail 5. CSS properties for visual media in detail 6. road to mastering CSS 7. new feature in CSS2 解説と凡例――HTML版編者より アーカイヴ版の配布 HTML版に寄せて いま私はプロの編集者として勤務しています。その目から見れば、本書の記述はあまりに固く、冒頭が長すぎ、リファレンスとして使いにくく…と欠点だらけです。 ところが本書は、専門家を含む一部のかたに一定以上の評価をいただいています。大変ありがたいことです。「美人は3日で
作者ホームページサービス（hp.vector）は終了いたしました。 長らくのご利用、ありがとうございます。 ご不明な点があれば、お問い合わせページをご覧の上、お問い合わせください。 ※15秒後にトップページに戻ります。 (c) Vector HOLDINGS Inc.All Rights Reserved.
CSSってなぁに？ ふーむ・・・細かな説明は CSSってどんなもの？に譲ることに致しまして、 ここでは、CSSを使うと何が出来るか、を ちょっぴり覗いてみる事に致しましょう。 さてこのページ、 他の人のページとは微妙に異なっているのが、 お分かりになられますでしょうか? 字がそう大き過ぎず、行間は適度に空いていて。 こういう、HTMLでは難しい、又は出来ない、 細かな設定をする為のものなのでございますよ。 HTMLでは大ざっぱなデザインしか出来ない、 もっとサイト全体に統一感を持たせたい、 レイアウトにTABLEを使っているので、 整理やコンテンツの拡張が大変だ。 そのようなご不満にお答えするべく登場したもの、 それがCSSなのでございますよ。 1と2の間って、どの辺り？ 特に深い意味などございません。 おパソで文字が打てたり、 テキストエディタを開けたり、 コピー＆ペーストが出来たり、
なぜデザインとYAMLが関係するのだろうと思ったが、ここでは「Yet Another Multicolumn Layout」の略らしい。つまりマルチカラムのデザインを容易に実現するためのCSSテンプレートということだ。 整ったデザインが簡単に手に入るのはすばらしい！ Webプログラマの一番の悩みどころがデザインだ。特にCSSを使ってマルチカラムや入れ子になっているデザインは難しい。高さをそろえたり、メニューを横並びにしつつ、次の要素では違う表示など、複雑になればなるほど放棄したくなってくる。それがFirefox/IE/Safariなどのブラウザにも対応するとなれば尚更だ。そこで登場するのがYAMLだ。 今回紹介するフリーウェアはYAML、複雑なマルチカラムデザインテンプレートだ。 YAMLでは多数のサンプルが用意されている。単純な2または3カラムを基本として、グリッド化されてページの幅に応
そもそもなぜXHTML+CSSで作らなくていけないか? 10の理由にまとめてみました。 １．構造とデザインの分離ができる。 構造(XHTML)とデザイン(CSS)が分離される事により より整理されたコードが記述できるようになります。 ２．プログラミングの作業が簡単になる。 これには２つの視点があります。 まずプログラマーの視点から言えばXHTMLは構造化されておりプログラムからXHTMLを出力する際に無駄な処理が省かれます。 （複雑なXHTMLの場合デザイン要素を出力するために無駄な分岐やループを記述する必要がある） デザイナーの視点とすると プログラムの知識がなくともPHPやCGIで書かれたプログラムのデザインの変更が可能になります。 （Movable Typeなどがよい例） ３．SEO効果が高い タグを正確に記述すれば検索エンジンに対してより重要な内容を訴える事ができます。 (hxタグ
あまりに多いので書くのも気が引けるのだけど、body要素直下のすべての内容をdiv要素で何重にも囲ってるサイトが増えてきてますね。これ変だと思うんです。 大抵こんな感じに <body> <div id="wrap"> <div id="container"> . . </div> </div> </body> wrapper(包み込む), container(入れ物)なんていう名前がつけられていて、さらにすごいdivになると、さらにこの内側に inner(内側)というものが出てくる。 「class名やid名は、デザインに依存しないものが好ましい」と言いうのなら、「包み込む」や「内側」もデザインにかなり近いものだと思うのですが、真面目に突っ込む人は見かけず、このようなHTMLは増加しているようです。 再利用性という点からみても、「内側」という名前の要素郡ならば、移動するときは「外側」と一緒で
- March, 28th, 2017: DHTML Chess for WordPress. DHTML Chess is now available as a WordPress plugin in a free and PRO version. Learn more. - January, 16th, 2017: LudoJS Progress Bar. Samples of progress bars in the LudoJS Javascript framework on my site ludojs.com. - January, 13th, 2017: DHTML Chess 3.0. The new DHTML Chess 3 has been ported to jQuery. New demos are also available. The home of DHTM
W3G について 当サイトは、初学者を対象とする World Wide Web（ワールド・ワイド・ウェブ）における情報技術の解説サイトです。ウェブサイトの作り方などの基本・基礎から応用のウェブサイトの品質を高める方法など SEO対策（検索エンジン最適化・ウェブページ最適化）と Web標準（Web Standards）にフォーカスしたウェブサイトの作成情報を中心に扱っています。ただし、作者の知識が偏っているため扱っている内容も偏っています。 免責事項 w3g.jp 配下で公開しているリソースは、その正確性に万全を期すよう努力しておりますが、その内容の正確性、有用性、安全性等については、いかなる保証を行うものでもありません。また、当サイトの利用者が掲載情報に基づいて下した判断および起こした行動により、いかなる結果が発生した場合においても、作者（上田 遼）はその責を負いませんのであらかじめご了承
JavaScriptの開発環境、要するにJavaScript用IDEという位置づけなのですが、HTML、CSSの構造をアウトラインで示してくれたり、文法の間違いを指摘してくれたり、やっていることはほとんどDreamweaverの持っている機能と同じです。 特に面白いのはJavaScriptやCSSなどがInternetExplorerとFirefoxに対応しているかどうかが一発で分かる点。JavaScriptのエラーについても細かい部分まで指摘してくれます。つまり、実行しなくてもエラーがドコにあるのか分かる「静的解析」が可能というわけ。 Windows、Macintosh、Linux版があり、Eclipseプラグインとして動作するバージョンもあります。 スクリーンショットや実際に動かして機能を解説しているムービー、ダウンロードは以下から。 Aptana: The Web IDE http:
CSSを使ったレイアウトをする際にWinIE6のバグを回避するための「定石」をまとめておきます。 とくに重要だと思うものは強調してあります。参考としてバグ辞典へのリンクも用意しました（つまり回避法を用いない場合にどんなバグが発現するか）。 フォントサイズ関係 font-sizeは%かpxで指定する。 キーワードで文字サイズを指定すると標準モードと互換モードで文字サイズが変わる(IE6) em単位で指定した値が文字サイズ変更後に正しく反映されない(IE6) ボックスモデル関係 widthと同時に左右borderや左右paddingを指定しない。heightと同時に上下borderや上下paddingを指定しない。 ボックスの幅や高さを算出するときにパディングやボーダーのサイズを含めてしまう （ブロックレベル要素を内包するボックスにはpaddingを指定しない。） 左右ボーダーとパディングを設
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く