Web知識メモの最近のブログ記事

わーい！紹介されてる！
先日の記事でも紹介した、MyStylist発案・制作者の荒木令奈さんの公式ブログで制作スタッフの一人として、紹介してくれています。何気にハティフの紹介まで・・・！
荒木さんのブログ：服がキマると、いちにちシアワセ。

さて、もうすぐ１周年とのことで、またマイスタ話。
MyStylist、もといマイスタのおかげで女の子向けデザインの幅が広がりました。
最近メインで関わらせていただいているプロジェクトも、まさにマイスタのターゲットと同じなので、あの頃あれだけ悩んだ甲斐もあり、順調に進んでおります。
それにテキスタイル（もどき）にはまったのもマイスタプロジェクトで。
MyStylistのPSPテーマで日の目を見ることができた、あのチマチマから始まり、
それまで無地好きだったのが一転、柄好きに。色鉛筆でちまちま描くのがたまりません。

今考えると、あの濃い制作期間で価値観とか得意分野とかがガラリと変わったのでした。
そして、何か大きなことをするごとに、そうゆうものってガラリと変わってゆくんだろうと思います。
新しく知識を得て、飲み込んで、前から知っていたことをさらに深く知って、どうしてもあわないものは吐き出して、の１連の流れができて、初めて何かをやりとげたと言えるのかな、と。

話は変わって、ネームサーバ移行の件。
norari:blogの方はほとんど新しいサーバーに変更されたようです。
ただ、肝心のnorari.jpの方は一旦変更されたかに見えましたが、また戻ってる。

ちなみに、ネームサーバ移行の確認として新しいサーバーの方に新faviconをつけました。
旧：
新：
これで新か旧かが一目でわかります。

ここのところやけにバタバタしていたのですが、たまたま明日の予定がなくなったので
本腰いれてblog内捜査開始。（事件内容はこんな感じです）

優しいWeb屋ミュージシャンのモリーさんに助けられながらも、これといって原因もわからず。
（ほんとに色々心配してくださって、ありがとうございます＞モリーさん）
しらみつぶしに探せばわかるのだろうけど、記事量も量だし、再構築祭りがいやだったので、
腹をくくって別場所にMTをインストールしなおしました。

そこでポチポチと前の設定とか移したり、ここぞとばかりに階層を美しくしたりとやっていたら、
原因、見つかりました。

小粋空間さんからもらってきた、Ajaxカレンダーでした。
しかし、どこを直せばいいのかわからないし、考える頭の容量も残されていなかったので、消去！
以前も使っていたFlashカレンダーに切り替えました。

・・・そしたら、IEでも・・・みれた！よかたです。ほんとに。
原因判明できてないけど。インストール無駄だったけど。

しかし、今度は「J.parentNodeはNullまたはオブジェクトではありません」とか出るようになる。
調べるとどうやらブログパーツとFlashカレンダーの併用が原因だそうな。
ひとまずトップページのみブログパーツ消去。
これは解決方法が見つかりそうなので、いずれ直す予定です。

ひょんなことから、Web Directions:East 08に参加してきました！！
素晴らしいカンファレンスにお誘い頂き、ほんとに感謝です。ありがたや・・・

Web界の著名人が集まり、これからのWebについての熱いパッションを語っていました。
時間割が9:30～20:00という、なかなかの本気ぶり。また、休憩時間に出るおやつやフルーツ、昼食のビュッフェやカンファレンス後のパーティーは流石といった感じでした。豪華じゃった・・・。

もちろん、内容も素晴らしかったです。
現在のWebや、これから先のWeb、職人的気質、ユーザビリティ、アクセシビリティ等。

2年前くらいからMybloglistを使っていたのですが
今月末にはサービス終了し、ドリコムRSSに移行とのこと。そういえば、これ以外に本格的なRSSリーダーというものを使ったことが無かったので、色々と探してみました。
近頃は5人に1人ぐらいブログを管理している気がします。（私の周りだけか。。）そうなるとやっぱり必要になってくるよね。

いろんな紹介サイトを回った結果、
Bloglinesがよいのではないかと。
インターフェイスは至ってシンプルですが、まぁまぁ使い勝手はよいんじゃなかろうか。
しかし、肝心のfaviconが表示されないところもあったりして、そこは謎のまま。
[参考]Landscape-エンジニアのメモ　favicon.ico が bloglines で表示されない理由

とりあえずしばらく使ってみてからまた決めます。

おぼえがき。

WindowsIE、こいつは一番普及している割にバグが多く、厄介。
marginが指定どおりいかなかったり、謎の余白が現れたり・・・。
br タグを入れて直ったりすることもあるのですが、何時間やっても解決できない場合は、
子孫セレクタを使用し、先頭に「*html」を付け加える。

すると、WinIE4～6以外のブラウザでは無視されます。

昨日はballで仕事でした。
前に作ったサイトのMac⇔WINでの互換作業と、ミス直し。

そこで発生したのが、「余白」の問題。
padding、marginなどの互換性の微妙なタグは極力避けていたのですが、
なぜかWIN・IEで表示するときだけ li タグ内 img の下に3pxほどの余白があくのでした。。。
CSSをどう直したって直らない。
グロッキーになっていたときに、鶴の一声が。
「brタグをimgタグの下に入れると、直ることがある」とのこと。

・・・・完璧に直りました。すばらしい。

その後、家に帰ってからMTを色々いじっていたときにも似たような現象がおきました。
なぜか、ページ上部に謎の余白。。
bodyもtop:0に指定しているし、ほかの要素を見渡しても見つからない。
これだけで1時間ぐらい悩み、案外あっさり解決しました。
ネックだったのは、なんと影響しないはずのコメントタグ。
これを消したらぴったりと表示されました。

まったく・・・。
これもWEB製作者のスキルのひとつになるのでしょうが、IEのバグはそろそろ直してほしいところです。

MozillaのFirefoxをいれてみた。
・・・か、軽いよお！（嬉）
存在もなんとなく知ってはいたけど、今までIEに不満はなかったのでスルーしていたんです。

しかし、なんでこうもWinIE以外のブラウザで見るとセンタリングが無視されるの！？と思い、調べてみると。。これ、WinIEのバグでしたのでした。。。（参照：ブロックレベル要素をセンタリングする方法）
そもそもtext-alignでDIVを指定しちゃいけないのね。無知でしたわ。
世界の95%がWinIEという時代。だけど少数でもその他がいるなら、そっちを優先して作っていった方がいいな、と思う今日この頃。（もちろんどのブラウザでも同じデザインで見れたら一番です)

そこでFirefoxの話に戻るけども、このWinIEバグがないお陰で、Mac環境で見ているのとほぼ同じ表示で出てくれます。すごい。お金たまったらブラウザ対策にMac買わなきゃ、と思ってたけど当分これと学校のでなんとかなりそうです。