Ads by Google
[--/--/-- (--)]
新しい記事を書く事で広告が消せます。
役に立ったらぽちっとよろしく。
新しい記事を書く事で広告が消せます。
またまたフォントネタ
[2009/07/21 (火)]
前回に引き続き、またフォントネタです。というのも、おいらの愛用しているFirefox3.5でCSS3の先行実装である単位chなるものが導入されてます(正確にはFirefox3.5の内部で利用されるGecko1.9.1で)。この単位chですが、使用しているフォントの文字'o'の横幅と同じだとか。なるほど、これを使うと等幅フォントと連携した横幅の設定が出来るわけですね、ふむふむ。
でも、よく考えると実はこの単位ch、東アジア圏(日本もね)では、あまり意味がない。。。 てのは、東アジア圏の等幅フォント(例えばSimSun(中国語), MS Gothic(日本語))は昔から全角/半角って区別があって、フォントの高さと全角文字の幅が一緒、半角文字の幅はその半分と決まってます。つまり、東アジア圏の等幅フォントに限り 0.5em = 1ch 。
で、そんな"特殊な環境"で育ったおいらは、ちょっと前まで、この性質が全世界の等幅フォントで共通と思ってた。なので、8桁の数値を入力するためのテキストボックスがあれば、4em確保すればいい！と…。国際化対応を謳ったサイトであれ何であれ…ね。今製作中のサイトもそんな感じ。。。
もちろん、東アジア圏の人達の中には、こうした下地があるので、おいらと同じ勘違いをしている人達がいると思う。…いや、いるに違いない。いや、いて欲しい。そうでなければ、おいらがこうして記事にした意味、…いやそれ以前に、おいらが東アジア圏のWeb製作者で一番の勘違い野郎に！！そんなはずはない！！！
…で、熱心に日中韓の国際化対応してるっぽいサイトを調べまわっているが見つからず…。
ち、ちっきショー！！！
役に立ったらぽちっとよろしく。
斜めフォント(Yahei & Meiryo) @Web
[2009/06/17 (水)]
フォントとかにコダワル人はちょっと神経質過ぎない？と思ってたけど…
Webページを作りだすと…自分も結構気になってきたこの頃…。
で、Windows Vista や 7 に入ってる新しい日本語フォントMeiryo！これ綺麗だしVista以上なら間違いなく表示されるのでいいんだけど…何故か斜めにならない！ 聞く所によると日本語は元々文字を斜めにする文化がないから機能を外したらしい。なるほど確かに！日本人しばらくやってるけど…言われてみると手書きで斜めにした事ない…。英語とかなら、他とニュアンス違うよ！って意味で斜めにするらしいけど…。ワープロとかで文字が斜めになる機能が付いてたのは英語用の機能が日本語でも使えてただけ…という事みたい。
ただ、、、おいら的には斜め文字のちょいヒネクレ感が大好きで…。斜め文字はおいらの中ではもうナイフとフォーク並みの存在になってる…。ステーキをお箸で食べるのが無理なのと同じくらいに…。
…かと言って斜め化可能な古いMS Gothicはギザギザして目がチカチカするし…。全く別のフォントファイルとかだとWebじゃ殆ど役立たず。う〜ん、伝統と革新の間に挟まれて…ってな高尚な悩みではないけど…何とかする方法はないもんじゃろか？と思ってたら！中国語フォントYahei！何故か日本語も表示可能！で！斜めになる〜♪ Why??? 中国も斜めにする文化はないはずだけど、時流に合わせてるのかな？さすが四千年はだてじゃない… Cool ! !
ただ、じゃあ全部YaheiでOKか？と言うと…残念と言うか当然と言うか、次の二つ
- 字体がやっぱり日本語には多少違和感がある。
- 字によっては稀に細部の構成も違う。
だから、斜めのとこだけYaheiを使うのがいいかも。↓こんな感じ
しかし Micro Soft で 微 軟 う〜ん…面白い！！
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<style type="text/css">
body {
font-family:'Meiryo',sans-serif;
}
em {
font-family:'Microsoft YaHei',sans-serif;
padding-right:.3ex;
}
</style>
</head>
<body>
<div>
メイリオ中で<em>微軟雅黒の斜め文字</em>を使用
</div>
</body>
</html>
役に立ったらぽちっとよろしく。
IE8と色々と…
[2009/03/29 (日)]
IE8正式版を一週間ほど使ってみた。う〜ん…
実にいい！…けど、一点だけ、とても気になる部分がある。
まず凄く改善した点、CSS2.1への標準準拠度が格段に向上した。多分、Gecko1.9よりバグ少ないかも…と思う。(ちなみにレンダリングエンジンのバグの少なさで言うとAppleWebKitがたぶん一番)。新機能のアクセラレータとかWebSliceも結構使える…気がするし。
まぁそんな憎らしい位に素晴らしいIE8なんだけど、実はちょっとびっくりした点がある。それはおいらのこのブログのテンプレート。IE8で治る予定だった表示の不具合が幾つかあったんだけど治ってない。何故？と思い調べたら、MSのサーバがIE7用に作られたサイトを公開していてどうやらそのリストに入っている。もち、こんなまばらしか人の来ないブログを天下のMicrosoftが見ている分けではない。fc2.comのサブドメインに入ってるのが原因らしい。(res://iecompat.dll/iecompatdata.xmlとアドレス欄に打つとMSのサーバから取得したリストが表示される)。これを何とかするには、metaタグでX-UA-Compatibleを指定するらしいんだけど…。
思うに…ちょっと前までWebは、ブラウザと欲しいページのサーバその1対1の関係が基本だった。この独立した単純さで誰でもコンテンツを発信出来るのが草の根的なWebの魅力だとおいらは思う。けどフィッシング詐欺やらピンクサイトやらが増えて、そのフィルタリングが重要になってきてそうも行かなくなた。で、そうしたヤバ目のページのリストを管理用のサーバからもらうようになった。そこまではいい、全然構わない。けど、今回ついにおいらのページまでMSの中央のサーバの影響を受けるようになってしまった。
で、だから？どーこーと言うわけじゃないんだけど！気分的にね…
…「ほっといてくれ、ばかやろー」って言いたい。
役に立ったらぽちっとよろしく。
お疲れCSS
[2008/02/24 (日)]
CSSってブラジルかどっかのバンドの事ではありません。Webでクライアント側の画面表示を担う技術の事です。
この手のテキストを解析して表示を行う手法は手軽な反面、表現力がヘボヘボです。対抗馬として考えられるリッチクライアントプログラムによるレンダリングには足元にも及びません。加えてCSSには実装する各ブラウザのバグからも分かるように、その仕様自体が単純そうで複雑です。特に初心者にとっては誤解して使用する危険性があります。また上級者にとっても仕様を理解していざ使おうとしても結局、痒い所には手の届かない場合があります。
もちろんCSSには文書モデルと見栄えを分離して、各要素の見栄えをいっせいに切り替えたりするといった当初の目的は見事に達成しています。
しかし、特に一言物申したいのは、仕様の定義の仕方です。行き当たりばったりでこの場合はこう、この場合はこうと定義されています。もっと一般的で包括的な仕様を一つ決めるやり方の方がいい気がします。
最初に思いつくのは各DOM要素表示時の制御点やサイズを表す変数を公開する方法です。子を先に描画するとか親を描画するとかのパラメタを用意し、後から描画される要素は前に描画された要素をDOMのPathで検索し、それらの変数を参照して専用の式から自分自身の変数を決定し公開します。こうすれば、仕様全体に渡ってある程度統一感ができます。
またビュー部分を担当する性質から考えて、DOM要素を1:1で直接レンダリングしていくのも反対です。三重線を適用したい場合も当然あるわけですが、現状二重線までしか対応していません。一つの要素を複数の箇所に別々のスタイルで表示したい場合もあるはずです。これらの事をいざやろうとすればDOM要素を継ぎ足す嫌われ物の手法を使うしかなくなります。
なので素のDOM構造から描画用のDOM構造へ変換する機構を"CSS自体に"バンドルした方がいい気がします。
さてさて散々CSSに対する文句を書きましたが、ドmのせいか…完全に自由な環境より、束縛された方がやる気が…。粘土よりレゴの方がいい…みたいな。そんなこんなで嫌いじゃなかったりCSS…。
最後にCSSとJavascriptで頑張っているサイトを紹介。
役に立ったらぽちっとよろしく。
|ホーム|