Entries

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

heteml
月額1500円で大容量2GB!Flash Media Server、ColdFusionが使えます。
その他、PHP4・PHP5・MySQL・Ruby・Perl・Pythonなども使える納得の高機能。

グループチューブを使えば簡単にSNS(ソーシャルネットワーキングサイト)を作ることができます。
社内の情報共有をはじめ、家族用、サークル用のものなど、いろんなタイプのSNSを簡単に作成できます。
お申し込みからわずか数分であなたのオリジナルSNSの完成です。

-件のコメント

[C69] Safariのバグ

こんばんわ。
貴重な情報ありがとうございます。CSSに2バイト文字を使っていたので、記事を参考に修正しました。

content:before/after や属性セレクタ
がもっと認知されて、対応UAを使う人が増えるといいのですけどね・・・
  • 2005-02-08
  • 投稿者 : sug
  • URL
  • 編集

[C70] こんにちは

CSSデザインは便利ですが、ブラウザ毎にクセがあって感覚として覚えるまでが少し大変ですね。
contentプロパティや属性セレクタなど、IEが実装してくれれば装飾の為の無駄なspanやdivが減らせて更にアクセシブルなHTMLになるんですけどね。
IE嫌い…。

コメントの投稿

新規
投稿した内容は管理者にだけ閲覧出来ます

-件のトラックバック

トラックバックURL
http://cfdn.blog1.fc2.com/tb.php/46-f5e2955b
この記事に対してトラックバックを送信する(FC2ブログユーザー)

外部スタイルの文字化けを回避

MacOSXの標準ブラウザであるSafariには外部スタイルシートでcontentプロパティの値に日本語を含む多バイト文字を指定すると文字化けして表示されるというバグがあります。

対策としては指定する値をバックスラッシュ(日本語では¥記号)を用いたエスケープを行うことで文字化けを回避出来ます。外部スタイルシートの文字コードをUCS-2にする事でも回避出来ますが、それ以外の文字コードを使用した場合には@charsetを明示していてもエスケープ処理が必要になります。

今回取り上げたcontentプロパティ部分ではありませんが、ウチのテンプレに関しては多バイトの値を指定している部分には既にエスケープが施してあります。font-familyで指定しているフォント名などがそうです。

font-family : "\30D2\30E9\30AE\30CE\20Pro\20W3","Osaka","Verdana","Helvetica","Arial","\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",sans-serif;

「\30D2\30E9\30AE\30CE\20Pro\20W3」とか「\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF」など文字化けしていると思われていた方もいたようですが、「ヒラギノ角ゴ Pro W3」と「MS Pゴシック」をエスケープしてあります。

人の手で文字列を16進数に置換するのは面倒ですので、そういった変換スクリプトを用意して下さる方もいらっしゃいます。私はbe Strictさんで提供されている文字参照変換スクリプトを利用しています。

やはりというか、ウェブは1バイト文字圏の文化であって、日本語を含む多バイト文字圏は冷遇されている気がしてなりません。

heteml
月額1500円で大容量2GB!Flash Media Server、ColdFusionが使えます。
その他、PHP4・PHP5・MySQL・Ruby・Perl・Pythonなども使える納得の高機能。

グループチューブを使えば簡単にSNS(ソーシャルネットワーキングサイト)を作ることができます。
社内の情報共有をはじめ、家族用、サークル用のものなど、いろんなタイプのSNSを簡単に作成できます。
お申し込みからわずか数分であなたのオリジナルSNSの完成です。

2件のコメント

[C69] Safariのバグ

こんばんわ。
貴重な情報ありがとうございます。CSSに2バイト文字を使っていたので、記事を参考に修正しました。

content:before/after や属性セレクタ
がもっと認知されて、対応UAを使う人が増えるといいのですけどね・・・
  • 2005-02-08
  • 投稿者 : sug
  • URL
  • 編集

[C70] こんにちは

CSSデザインは便利ですが、ブラウザ毎にクセがあって感覚として覚えるまでが少し大変ですね。
contentプロパティや属性セレクタなど、IEが実装してくれれば装飾の為の無駄なspanやdivが減らせて更にアクセシブルなHTMLになるんですけどね。
IE嫌い…。

コメントの投稿

新規
投稿した内容は管理者にだけ閲覧出来ます

0件のトラックバック

トラックバックURL
http://cfdn.blog1.fc2.com/tb.php/46-f5e2955b
この記事に対してトラックバックを送信する(FC2ブログユーザー)

Appendix

AdSense

heteml

世界標準のブログソフトウェア「Movable Type」発売中!!

ロリポップならMovableType設置マニュアルも充実。あなたも月々263円でブログデビューしてみよう!!

Profile

CHOU-FLEUR

東京・名古屋を中心にWEBデザイン業をしています。個人・法人を問わずアクセシブルなサイト制作を賜ります。お気軽にお問い合わせ下さい。尚、FC2ブログに関するお問い合わせ・カスタマイズのご質問は当方でお答えする事が出来ません。予めご了承ください(有料カスタマイズ等、仕事に関する件はお気軽にお問い合わせください)。

お問い合わせ先
info@chou-fleur.net

Powered by FC2ブログ

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。