毎日考ブログ -Web屋のウェブログ- | Web標準に進路を取れ 第5回「テーブルレイアウトは罪なのか」
テーブルレイアウトとはテーブルタグを、左のようにセルを切ってレイアウトするもの。そもそもはテーブルタグは表に使われるものであって、レイアウト目的で使うべきではないという意見はごもっともなものの、きっちり幅指定や余白指定ができてブラウザ依存しにくいことから、企業サイトはもとよりいろいろなサイトに使われておりました。いや、今でも立派に使われています。 対してCSSレイアウトは、上と同じレイアウトをHTML（XHTML）＋CSSで表現するもの。こんな感じです。記述は一例として適当に書いてるんで、アテにしたり突っ込みいれたりしないでくださいね(笑)。 【HTML】 <div id="header"> <h1>毎日考ブログ（ヘッダ部分）</h1> </div> <div id="main"> <div class="menu">メニュー部分</div> <div class="contents">本
hxxk.jp - CSS の色指定に関するメモと、 JIS 慣用色の一覧表
CSS の色指定に関するメモと、 JIS 慣用色の一覧表 http://hxxk.jp/2006/06/22/1900 前の記事 : アクセス増に比例して、アンチ的反応が増えるのかという考察あるいは antihxxk さんいらっしゃい 次の記事 : ヘッドラインと月別アーカイブの表示を全文表示にしてみました 記事データ 投稿者 望月真琴 投稿日時 2006-06-22T19:00+09:00 タグ CSS まとめ サンプル メモ 仕様 実践 Web Standards Design 概要 CSS 2 の仕様において、色の指定の仕方がどのように示されているかのメモと、 JIS 慣用色の色情報を一覧にした表を付録サンプルで提供。 リプライ 1 件のリプライがあります。 カラー関連の情報を各形式で CSS 内に記述 Lucky bag::blog: カラー関連の情報を CSS 内に記述という「ち
CodeWeb: [CSS]クロスブラウザな半透明フィルタ
IEには独自拡張のCSSでフィルターが使えます。こいつは便利なやつで半透明化やらグラデーションやら色々出来るのですが、なんだかんだ言っても独自拡張。互換性がありません。 しかし、アルファ値に限って言えばは他のブラウザでも独自拡張にて実装されているのでクロスブラウザ化することが出来ます。（クロスブラウザってJavaScript以外でも呼んでよかったけ？） [Internet Explorer対応] 0～100の数字で制御します。0に近づくほど薄くなります。 MacIEだと確か動きません。 img{ filter: alpha(opacity=20); } [Mozilla / FireFox / Netscape 対応] 0～1の数字、または0～100％で制御します。0に近づくほど薄くなります。 こちらは最新版のMozilla FireFox Netscapeで動作します。 -moz-opa
Internet Explorer7 β2を含めた各ブラウザのCSS2.1実装状況
Name Last modified Size Description Parent Directory 08-Dec-2007 03:29 - address_check/ 13-Mar-2008 01:16 - affiliate/ 27-Sep-2008 12:59 - aibu/ 12-Nov-2007 21:05 - mail/ 23-Apr-2008 18:24 - mail2blog/ 07-May-2008 21:54 - sample/ 28-Apr-2008 18:51 - Apache/1.3.39 Server at diary.sakura.ne.jp Port 80
IE 7 用の CSS ハック - lucky bag
この記事で紹介しているハックとは別のソリューションを「IE7 を含むモダンブラウザ向けの CSS ハックまとめ」と言う記事で紹介しているので、合わせてご覧になって見ると良いかもしれません。 Internet Explorer 7 の Beta 2 Preview が公開された。んで、公式的にはバグを取り除くんで現存する CSS ハックは使えなくなるよってことだったんだけど、早速 IE 7 向けの CSS ハックが報告されている。 iBloom Studios | Articles | The IE7 CSS Hack カラクリとしては、IE7 が対応していない :lang() 疑似クラスを使うって方法らしい。下記のような (X)HTML を例とする。 <body lang="ja"> <div id="contents"> <p>foo</p> </div> </body> これに対して、
CSSを使ってキーボードのアイコンっぽく表示させる - にわか鯖管の苦悩日記 ＿|￣|● (2006-01-11)
携帯にメールや電話の着信が急に増えたり スマホで今まで使用していなかったロック機能を使うようになった お出かけや外泊の機会が増えた 衣装が派手になった というケースは浮気の可能性があるかもしれません。 もし浮気を続けられると、された側は精神的に苦しい思いを続けることになり、する方も後ろめたい気持ちが膨れ上がり良いことはありません。 やめてもらいたいか、いっそのこと別れて人生をやり直すかはしっかりとした証拠がそろってから考えてもよいかと思います。 そのためには下手に動かず、東京都で興信所のプロによる浮気調査をするのが良いでしょう。 その理由としては、浮気が原因で離婚となれば慰謝料の請求が可能となり、その法的な証拠を得るには素人よりプロの方の作りだすものが決定的なものになるためです。 全てをすっきりさせて今後の人生をやり直しやすくするためにも利用することをおすすめします。
CSS Design: Creating Custom Corners & Borders
“Sites designed with CSS tend to be boxy and hard-edged. Where are the rounded corners?” Answer: the rounded corners are right here. In this article, we’ll show how customized borders and corners can be applied to fully fluid and flexible layouts with dynamic content, using sound and semantically logical markup. The markup#section2 In the example markup below, XHTML line breaks have been inserted
hxxk.jp - WinIE と !important
記事データ 投稿者 望月真琴 投稿日時 2005-12-27T22:46+09:00 タグ CSS IE バグ メモ 実践Web Standards Design 概要 WinIE は !important によって最優先とされた命令も、同一プロパティにおいてより後の位置で命令を上書きすることで、 !important よりも命令を優先することができてしまいます。 リプライ リプライはまだありません。 WinIE は !important に未対応 ? Win IE6.0とFirefoxのCSS解釈の違い 巡回先である K's Web にて気になる記述を発見。 Win IE 以外のブラウザは "!important" の記述がある特定の値を優先して認識するが、Win IE は未対応のために、それ以降に別の値を記述し、これを上書きする。 色々と CSS の実装に不備が多い WinIE でも、
はてなブログ | 無料ブログを作成しよう
絵の超初心者ド下手くそ人間が、20日間絵を描いて感じたこと わたしは、「文の人」だ。絵を描くのは大の苦手。 そんなわたしが、ひょんなことから絵を描き始めた。 そうしたらおもしろくなって約20日間、なにがしかを描きつづけている。 未知の領域での挑戦は、発見が多い。 また、ここまで絵を描けない人間の挑戦は、あまりネッ…
アクセスアップのためのブログで使えるCSS（スタイルシート）研究 【その２】 - デンマンのブログ
アクセスアップのための ブログで使える CSS（スタイルシート） 研究 【その２】 視覚障害者のためには どうしたら良いのか？ １１月２７日に僕がGOOの『デンマンのブログ』に書いた記事（『アクセスアップのためのブログで使えるCSS（スタイルシート）研究 【その１】』）に次のようなコメントをもらいました。 はじめまして (kiya2014) 2005-11-27 22:37:12 そういうときは、という「引用のため」の要素を使用する方がよいです。 なぜかというと、CSSはテキストの”見た目”を指示するものであるのに対して、引用というのはテキストの”構造”であるので、CSSをいじって引用を表現するのは適切とは言えないからです。 （たとえば、視覚に障害のある人が、を使って引用を表したサイトを閲覧した場合、声でテキストを読み上げてくれる補助ソフトウェアが引用部分を引用として認識できないため、正確
アクセスアップのためのブログで使えるCSS（スタイルシート）研究 【その１】 - デンマンのブログ
アクセスアップのための ブログで使える CSS（スタイルシート）研究 【その１】 引用文をはっきり、くっきり区別する まずサンプルとして１１月３日に書いた次の記事を見てください。 僕が書いた記事に対して３つのコメントをもらいました。 そのうちの２つは同一人物の書いたものです。 次のようなものでした。
遂に完成 - jazzanovaのブログ
12月5日追記:元のデザインに戻しました。 aamall.jpさんに依頼していたデザインですが、随分遅くなりましたが遂に完成です。 見て下さい、これが15,000円のデザインです！！！ どーですか、このデザイン。 あ、私の方では一切いじっておりませんからね！ 一応参考にして欲しいURLとして3つ渡しました。 http://www.2manydjs.org/v2/frameset.htm http://www.davisbusinessconsultants.com/ http://www.spoiltchild.com/ それと、デザイナーさんとのやりとりの際、こちらから細かく指定したり注文をするのは控えました。 デザイナーさんに自由にやって欲しいですからね！ 皆さんの感想を聞かせて下さい！！！ 追記 ちなみにFirefoxで見るとこんな感じです！！！ ある程度修正されたので画像は削除しま
入力支援ボタンをリニューアルしました - はてなダイアリー日記
本日、日記の標準編集画面でお使いいただける入力支援ボタンをリリースしました。主な変更点は以下の通りです。 太字を span タグで指定するように変更しました。テーマによって表示が変わるということがなくなりました。 カラーピッカーを追加しました。簡単に文字色を変更していただけます フォントサイズを変更できるようになりました。「xx-small」から「xx-large」まで7段階で選んでいただけます ボタン画像を一新いたしました なお入力支援ツールの対応状況は、これまでの入力支援ツールと同じとなっております。ご了承ください。 より詳しくは、ヘルプをご覧ください。 追記 11/9 15:21 「入力支援ツール」と記載しておりましたが、正しくは「入力支援ボタン」の間違いでした。修正するとともに呼称について混乱させてしまいましたことをお詫び申し上げます。
CSSメモ: Firefox 1.5での新機能
CSSメモ: Firefox 1.5での新機能 擬似要素に対しては、CSS3仕様書で用いられているコロン2つ (::) という表記を用いています。 コメントなどについては日記のコメント欄 (返信するボタンかコメントのリンク「返信する」で、入力フォームが表示されます) へどうぞ。 目次 親要素の:activeへ継承するようになった 擬似要素::first-letterを含む行の行間を修正 [New!][CSS3] 擬似クラス:only-childに対応 [New!][CSS3] 擬似クラス:enabled, :disabledに対応 [New!][CSS3] 擬似クラス:valid, :invalid, :in-range, :out-of-range, :required, :optional, :-moz-read-only, :-moz-read-writeに対応 border: 1p
Acid2テストに合格することに意味があるのか - WebStudio
もずはっく日記(2005年11月) 2005年11月3日 Acid2テストに合格することに意味があるのか 初回投稿日時: 2005年11月03日00時25分41秒 最終更新日時: 2005年11月03日00時48分43秒 カテゴリ: CSS Opera SNS: Tweet (list) Operaは未だにvertical-alignという基本的なCSSプロパティの解釈が実にバギー。 CSSマニアックスという感じのタイトルが似合う、非常に非現実的なコンテンツの表示テストに合格するよりも、一般的に使用頻度の高いCSSのバグ修正を優先すべきだ。(Acid2テストではvertical-alignはbottom値しかテストされない。) こんな指標があるなら、各社がマーケティング上のアピールの為にこれに絡むバグを優先的に修正するのは当然、想定できたはずだ。結果としてそれは良い方向に進んでいるのだ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
たなばたスタイル - hkn?
CSSによる段組（マルチカラム）レイアウト講座
https://hardwar.org.uk/
シンプル角丸 - hkn?
Web::Blogoscope: XHTMLの最適化手法