HTML5&CSS3ネタ

う～ん、試しに作ってみたが

macだと問題なく動くしキレイに見れるんだが、

winのIE8で見るとフォントの表示もレイアウトも全く崩れてしまう。・ﾟﾟ･(≧д≦)･ﾟﾟ･｡

winのFirefoxだと普通に見れる。

cromeが一番きれいに見える。

最近のブラウザーシェアをみるとcromeが増えてきてるとはいえ、やっぱりIEが主流だからなぁ

無視する訳にも行かず．．．

ネットで調べても追加タグの指定が細かくてよく解らん＼(*｀∧´)／

1行くらいで簡単に表示できる方法はないのかな？

それともIE用にcss書くしか無いのか。・ﾟﾟ･(≧д≦)･ﾟﾟ･｡




よし、とりあえず無視しよう（笑）

HTML5&CSS3

最近多くなってきたので、気になってチェック。

勉強がてらサンプルコードをコピーして

CS4のDWで開いてみるが、表示がキレイにされない(-。－；)

やっぱり、対応してるCS5.5じゃないとダメなのかなと思い、

体験版をダウンロード。

基本インターフェイスは変わってないけど、さすがHTML5対応なだけあって

ライブビューで確認するとちゃんと表示されるヾ(＠＾(∞)＾＠)ノ

ちゃんと覚えるんだったら、CS5.5にアップグレードするしかないかぁ～

web font

webの場合デザインは出来るけど、コーディングはやっていないとすぐに忘れてしまう(￣_￣ i)

なので、忘れないようにデザインからコーディングまでサンプルで作るのだが、書くことが無い。

で、css3のこともあり、webfontだけで構築してみることに．．．

とはいえ、今のところ英文が主流なのでgoogle fontを使ってみる。

以外に書体は多いんだが、セリフ系サンセリフ系と分かれていなくてバラバラの表記なので見つけにくい。

そこで、コーディングの練習をかねて書体見本帳を作ることにした。

とりあえず、セリフ系から集めて見本帳をやっと作成。

読み込みに時間がかかるかなと思っていたけど、すぐに表示されるヾ(＠°▽°＠)ﾉ

これは作っておいた方が便利かも思い、念のためwindowsでどう見えるかチェック．．．．．

やっぱり表示はされるが、macに比べるとクオリティーが数段落ちる（ ´(ェ)｀）

なんとかならんのかね～

残りを作る気が失せた．．．


もう一度比べてみたら、表示されるフォントとされないフォント、

または似ても似つかないフォントが表示されてる(＠￣Д￣＠；)