2024年03月 / 02月≪ 12345678910111213141516171819202122232425262728293031≫04月
2008.06.28(Sat)

ブログのCSSテンプレートをカスタマイズしてフォントの絶対サイズ指定を相対サイズへ変更

7/10に今更ながら気が付きましたが、IE6の文字サイズを「大」のままでフォントサイズの表示確認を行なっていました。このエントリーはIE6フォントサイズがデフォルトの中であることを想定して書いておりましたので、CSSでIE6用のフォントサイズ指定が全く違うことになります。修正させて頂きました。

当ブログはそれほどアクセス数は無いんだけど、Google Analyticsという無料のアクセスログ解析ツールを使っている。

何気なくGoogle Analyticsでアクセスログを見ていたら、このブログを訪れてくれる人が使っているブラウザは7割がInternet Explorer。その内の6割はInternet Explorer6というモダンだかレガシーだか分からないブラウザを使っている。
あんなブラウザは窓から投げ捨てて、とっととFireFox使ってくれよと思わなくもないんだけど、そこは個人の自由。強制する訳には行かない。

Internet Explorer6には様々な弱点というか至らないところがありまくりなんだけど、アクセシビリティ上最悪なのが、Webページで文字サイズを絶対指定している場合に、Internet Explorer6から文字サイズが変更できないという点だ。

タグ(ブログ内検索もできます)CSS ブログ XHTML HTML アクセシビリティ フォント カスタマイズ

14:55  |  Web/ブログ  |  TB(0)  |  CM(0)  |  EDIT  |  Top↑
2007.06.29(Fri)

ブラウザのレンダリングモード切替スイッチ一覧

この本を参考に、HTML(XHTML)のバージョン、XML宣言の有無、DTDの有無によってレンダリングモードを切り替えるブラウザについて調べたことがある。折角なので参考になる人もいるかもしれないから公開してみることにした。
ちなみにDTDとは「http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd」とあるような文書型宣言のこと。

言葉の意味は次の通り。Old Gecko系:NN6.x、Mozilla1.0、New Gecko系:Fire Fox、Mozilla1.1以上、NN7以上、Safari系:Safari1.0以上、Opera7.x:Opera7以上のことでOperaの情報が古いが、まぁOperaは最もW3Cの仕様に忠実なレンダリングをするので、FireFoxで問題なければまず崩れることはない。Operaで崩れる現象が起きた場合は、それはOperaがおかしいのではなくコードがおかしく、FireFoxの実装がおかしいともいえる場合が多々(逆もあるが)。

S:標準(StandardI)モード、AS:Almost Standardモード、FS:Full Standardモード、Q:Quirksモード(後方互換モード)。標準モードとAlmost Standardモード、Full Standardモードはほぼ同じと考えても差し支えない。ASの場合に若干tableセル内に入れた画像の余白が変わるだけ(と認識している)。

タグ(ブログ内検索もできます)後方互換モード レンダリング IE6 Quirksモード XHTML CSS スタイルシート バグ

12:37  |  CSS/XHTML  |  TB(0)  |  CM(0)  |  EDIT  |  Top↑
2007.03.09(Fri)

XHTML+CSSスタンダード・デザインガイド

XHTML+CSSスタンダード・デザインガイド―XHTMLとデフォルトスタイルシートを基本にしたデザインコントロールの実践

この本はCSSとXHTMLを初めて勉強し始めた、2・3年位前に購入した。正式名称は「XHTML+CSSスタンダード・デザインガイド―XHTMLとデフォルトスタイルシートを基本にしたデザインコントロールの実践」と長ったらしい。

内容は基本的なXHTMLとCSSの解説だが、これが丁寧で初めて触れる自分にも分かりやすかった。周りにWebは勿論、CSSやXHTMLに詳しいというか触りすら分かっている人がおらず、まだtableレイアウトが主流でCSSでフルレイアウトというサイトも少なかった(自分が知らなかっただけかもしれないが)。
時流はXHTML+CSSに移り変わろうとしていた。

タグ(ブログ内検索もできます) XHTML CSS 書籍 スタイルシート お勧め

10:21  |  CSS/XHTML  |  TB(0)  |  CM(0)  |  EDIT  |  Top↑
2007.02.02(Fri)

言語的なTシャツ

この前のエントリーでちょこっとドラクエ的なTシャツを紹介したけど、今回は言語的なTシャツを探してみました。ちょっとWebよりかな。

まずはXHTMLから。
XHTMLXHTMLXHTMLXHTML

タグ(ブログ内検索もできます)Tシャツ XHTML PHP XML 言語

10:35  |  買物  |  TB(0)  |  CM(0)  |  EDIT  |  Top↑
 | BLOGTOP |