な、な、な、なんてこったい！
４月１日オープンを目指している新サイトですが、先日リリースされましたIE8をインストールしまして、確認してみたら、申し込みフォーム内にある横並びに変換しているリストが崩れを起こしている！！
IE8の標準レンダリングのみの話で、IE7レンダリングと、IE8互換であれば崩れは生じないようです。
今回、この部分は、ラジオボタン１つと画像１つをひとつのリスト項目liに含めているのですが、そのliに対してwhite-space:nowrapをかけたのですが、これがおかしく解釈されてしまっているようで・・・
このwhite-spaceをはずせば症状は治まります。
ただ、white-spaceをはずしてしまうと、本来は離れ離れになってほしくないラジオボタンと画像の間に改行を行ってしまうこともあります。
う〜む、どうしよう。
ちなみにCSSをはずすとこんなリストです。
いろいろ悩んで、ラジオボタンと画像をlabelタグでマークアップし、labelに対してwhite-spaceを適用したらうまくできました。
一安心。
実践マスターPHP＋MySQL
ほんと、いつも思うのが「参考書って選ぶのが大変」ってことですよね。
昔みたいに、欲しい本が手に入らず何軒も書店をハシゴしたり、取り寄せして膨大な時間を費やしたりってことがネットの普及でなくなってきてはいます。
が、やっぱり自分に合った参考書は見てみないとわかりませんよね。
PHP系の本は、ホントにそうで、今まで購入した２冊も１冊はわりとよかったのですがもう１冊は全く駄目で、今は開きません。
PHPは参考書は頼らずに、困ったときにネットで解決法を調べていこうか、と思っていたのですが、PHPの調べ物をしていたときに、「離れPHP島」というサイトに出会いました。
めちゃくちゃわかりやすいサイトで、初心者にやさしい感じです。
んで、ここの管理人さんが本を出してるってわかって即購入。
本日届きました。
やっぱりわかりやすいです。
大当たり。
PHPの初期で躓いちゃっている人には、かなりオススメ。
独学でやってきたけど、基本のところがあやふやって人もいいと思います。
「そう！まずはそこを知りたかったんだよ！」ってことが網羅されています。
いやぁ、いい買い物した♪
現在、CS4用に授業を改定中です。
CS3までは、「いやぁ、基本的には以前のバージョンと使い方は同じっすよー」って言ってこられたのが、今回はキツイです。
さすがに、かなり違っちゃってる。。。
その中でも、もっとも大きく変わるのが、CSSルール定義ダイアログ。
まず、今までのは、こんな感じ。
怪しい翻訳はあるものの、まぁ、日本語なのでとっつきやすいよね、って印象。
んで、今回のCS4からは。。。
ずばり英語！
がーーん！
まぁ、正直Webクリエイターの立場からの意見で言うと、「わかりやすくなった」です。
怪しい日本語に無理やり変換していないので、CSSプロパティがそのまま表示されるのは、ありがたい。
ただ、これがこれからDreamweaverはじめる初心者だとこうはいかないんですよ。
もう、画面が英語だった時点でパニック。
えぇ！こんなの覚えられない！！って感じで、はじめる前からしり込みしちゃう。
なので、どうやってわかりやすくしようか悩みに悩んで、改訂が進まない。。
しかも、授業を受けに来る人が全員CS4ってわけでもないので、どうやってCS3以前の人に対応するか。。。
さぁ、どーなる・・・
引き続きDreamweaverのテキスト改訂を行っております。
さらに気になっているのが、CS4からのフォントセットです。
今までは、ＭＳ Ｐゴシック、osaka、ヒラギノ角ゴ Pro W3の３点セットだったわけですが、ここへ来て、セットの中にメイリオが入ってきました。
Webデザイン上で、とーっても気になるメイリオの問題点・・・
フォントがでかい。行間が広い。
厳密には、フォントがでかいわけじゃないんですけどね・・・
スクリーンショットで比較画像を作ってみました。
上段がIE7、下段がFirefox3での結果です。
グレーの文字がメイリオ。赤い文字がＭＳ ゴシックです。
それほどサイズに違いはないです。
強いてあげれば、「プ」の文字が上下に各１ピクセルずつ大きいくらいですかね？
ただ、メイリオの位置付けは、一応プロポーショナルフォント。
なので、ＭＳ ゴシックと比較するのは間違いで、ＭＳ Ｐゴシックと比較しなくてはいけないわけです。
メイリオはちょっと変わっていて、和文部分は等幅、欧文部分がプロポーショナルの合成フォントみたいな感じです。
なので、今までＭＳ Ｐゴシックとかで、作っていたサイトは、メイリオにすると、文章がかなり長くなってしまい、あげく崩れることもありえます。
さらに心配なのが、メイリオで作っても、メイリオが入っていないＸＰ以下のWindowsやら、Ｍａｃやらで見ると、結局ＭＳ Ｐゴシックとか、ヒラギノで表示されちゃうので、ブラウザごとに見た目が激しく変わってしまう可能性が出てきました。
う〜ん・・・
そして、もっと問題なのが、行間。
メイリオで指定すると、line-heightの指定をしなくても、ものすごく広い。
なんとなく測ってみたら、line-height:1.6に相当するくらいでした。
う〜・・・・
まぁ、これに関しては、あらかじめbodyに対してline-height:1.0を指定しておくことで統一できたので、大丈夫なのかな？
問題は、これをどうやって、かなり時間的にカツカツの授業中に説明するかですよねぇ・・・・
まいったなぁ・・・
CS4のリリースに伴い、Dreamweaverの授業を改訂しています。
ひとつ、頭を悩ませていることがありまして…
「テーブルレイアウトは授業内容に組み込むべきか？」
という内容です。
僕の勤めるスクールに来る生徒さんのほとんどが、就転職目的ではなくて、突然企業のWeb担当にされちゃって、覚えざるを得ない人です。
だいたいそういうサイトに限ってテーブルレイアウトだったりするわけですよ。
そんなわけで、今までは、授業にも組み込んでたわけです。
リキッドレイアウトの話も併せて紹介したかったので、レイアウトモードで作業してました。
それが、今回のCS4で、レイアウトモードが廃止になっちゃったんですよねぇ。
いよいよDWもテーブルレイアウトの切り捨てに入ってしまったわけですね。
それがあって、僕の中でも、いいきっかけかなぁ、と感じまして。
実際どうなんでしょうか。
制作やってる人に聞いてみたいなぁ、テーブルレイアウト出来ない新人って､どんな扱いなんだろう？
