2007年7月アーカイブ

『Web標準の日々』 1日目終了

Monday, July 16, 2007

カテゴリー:WEB

『Web標準の日々』がはじまりましたー。
昨日の封入ボランティアでは、久々に動いたおかげで超筋肉痛に…。
そのせいかワクワクのせいかどうかはわかりませんが、(なにせ宿がカプセルホテルですから!)1時間ぐらいしか眠れませんでしたよ?
マジこの1日乗り切れるのかと不安になったものの、取ったセッションがどれも素晴らしく充実した時間を過ごせたので、楽勝でした。これなら明日も問題なし!

取ったセッションの内容や感想は、また後日書く予定ですが、どのセッションを取ったかは明記しておこう。

X1 従うのは面倒だがWeb標準はイケてる
Z2 W3Cのこと、本当にご存知ですか?
X2 名前のウェブとXHTML文書のプロファイル
V3 デザイナーズ・ハイ デザインタイトルマッチ!
X4 転ばぬ先のプロジェクトデザイン

ちなみに明日は、
U5 ゼロから考えるユーザ・エクスペリエンス概論~使いやすければいいの?~
X6 ブラウザ表示モード解説:傾向と対策
D7 ビジネス・アーキテクツのコミュニケーションデザイン
D8 情報アーキテクチャ入門
を受講します。

またワクワクして寝れなくなってきた…。

coyummy

148 Vivian Dr.は『Web標準の日々』を応援しています。

Saturday, July 14, 2007

カテゴリー:WEB

ついに明後日開催の『Web標準の日々』。
なんだか、お金の話でもりあがっちゃってるみたいです。
ぶっちゃけ儲けてくれないと、これから鷹野さんがCSS Niteを開催してくれなくなるかもしれないので、『Web標準の日々』で存分に儲けて欲しいです。

まあ、こういう考え方になるのは、私が大阪というセミナー枯渇地帯でWebに携わる仕事をしているからだと思うんだよねー。本当に大阪は、Web関連のセミナーがすくなくて(お金儲けセミナーとかはたくさんあるのにね)まあ、言い過ぎかもしれないけどある種の鎖国ですわ、鎖国。
そんな大阪の地に、CSS Niteという商売のにおいがほとんど感じられない、純なセミナーが登場してくれたわけですよ。CSS Niteが大阪であるって知ったときは、嬉しかったなー。アドレナでまくったw
ぜひまた開催して欲しいと思って、早めに行って配布資料封入のボランティアしたり(明日も行きますよー、ってもう今日ですね)、受付もしたり、懇親会の引率ボランティアやったりしたよ。自分から参加することで、他の参加者とも仲良くなれたし。
もちろん、セミナーの内容も(私が無知なこともあるけど)PC上だけでは得られない情報がいっぱいだったよ。もうWebやめようと思ってた私を引きとめる力が、少なからずあったパワフルなセミナーだったよ。
だから、お金お金って寂しいこというなー。CSS Niteの存在価値はプライスレスッ!

確かにサイト見づらいなーとか思ったりするけど!
CSS Niteでイイ思いしかしてない私がいうのもなんですが!
148 Vivian Dr.は『Web標準の日々』をCSS Niteを応援していますよ~!

coyummy

img要素はインライン要素。

Wednesday, July 11, 2007

カテゴリー:WEB

CSSでコーディングをするようになってから、HTMLに対する理解を深めなければならないと感じる日々。
そんな、自分のためのノート集。

画像をリスト要素で縦に配置したい。でも、下にできる空白が!空白が!!キーッ…というとき、ありますな。

070711_01.gif
こういう感じです。

結論:回避策は、CSSでvertical-alignを指定することであるが、その前に意識しておかないといけないのは、img要素はインライン要素である。

img要素はインライン要素

最初に理解しておかないといけないのは、img要素はインライン要素ということ。画像(img要素)は見た目がガチガチしているので、ブロック要素だと思い込んでた頃もありました。反省。インライン要素には、ほかにbr要素やspan要素があります。
インライン要素には、vertical-alignというプロパティを使うことができます。これは、テキストや画像などの縦方向の揃え位置を指定する際に使用します。vertical-alignの初期値は、baselineとなっています。

baselineは何かというと…

070711_01.gif
この線がベースラインです。このベースラインから下にはみ出る文字(jやp、g)があるために、あらかじめライン下に空白が存在するのです。
つまりimg要素がインライン要素なので、画像の下に空白が生まれてしまうというわけ。

その空白を回避するために、CSSでvertical-alignの設定をbottomにすることで、空白のない見栄えができるというわけです。

070711_01.gif

正直個人的には、そういう仕様だから仕方ない、なんて思って気にしない派なんですが、やはり気にしたほうがいいよな…ってんで、原因追求してみた次第です。

[参考ページ]
table内に画像を隙間無く敷き詰めるには注意が必要です #1
ブロックレベル要素とインライン要素

coyummy

行こう!Web標準の日々

Saturday, July 07, 2007

カテゴリー:WEB

画像:[Web標準の日々]バナー

7/15、16にWeb業界最大の夏祭り、「Web標準の日々」が開催されますよ!
大阪人としては、東京だし交通費かかるし、行こうかどうしようかと迷っていたのですが、The Web Kanzakiの神崎正英さんが出演されるのを知って、速攻申し込みましたよ。

基本はXHTML+CSSトラックを重点的に受けようと思うのですが、他のトラックも魅力的なセッションばかりで、自分が2、3人欲しいぐらい。
71セッションもあるのに、2日間で終わっちゃうとはもったいない!全部のセッションがみたい!

ということで、
行こうかどうかまだ迷っている方!
行きましょう!Web標準の日々!!

そして、かぶらないようにとって全セッション制覇しませんかー!!!!

東京…お金…ナイ…って人も、ワタシ…学生…だよ…な人も、地方割り(片道4800円以上の運賃がかかる人) or 学割を使えば、なんと1日分の料金(10,000円)で受けられるという、超良心的な割引があるので、行くしかないよ、ホントに。

ちなみに、昨日からセッション登録がはじまってます。
ヨユーかましてノンビリしていたら、益子さんのセッションが満席で受付終了って! orz
大人気すぎです~益子さん。さすが、カニの貴公子。関係ないけど。

coyummy

CSS Nite in Osaka Vol.4行ってきました!

Saturday, July 07, 2007

カテゴリー:WEB

本日の大阪はセミナー日和ってことで、お昼からAdobeのセミナー、夜からはCSS Nite in Osaka Vol.4と行ってきました。

Adobeのは、近日堂々と発売されたCS3のブームアップセミナー。
鷹野さんの講義で仰っていたとおり、アドビのFlashに対する力の入れ具合は、アドビの方の講義を受けても解るぐらいでしたよ。DreamWeaverとFireWorksなんて、鼻くそって感じの扱いでしたわ。ううう。まあ、Dwは思った以上に進化してなかったので、仕方ないのかしら?(FireWorks除く)
「IllustratorとFlashのためにCS3を買う」という考え方で、CS3と向き合うといいのかもしれません。

CSS Nite in Osaka Vol.4は、多くの方がAdobe終わりに出席していたので、18時には席が埋まってしまう大盛況っぷり。Appleストア心斎橋は、もう一列ぐらい座席があってもいいのにね。
kennsuさんの講義は、コーディングの“速さ“について。時間的な速さだけではなく、効率を高めると時間的な速さを生むという感じの内容。Clean CSSという便利ツールが、コードの書き間違えを指摘してくれて使えるとのこと。
谷さんの講義は、Remenber The Milkの活用法について。仕事の事だけに使っていたけど、自分の生活もひっくるめて管理するってのは楽しいと思った。谷さんぐらい活用できたらいいなー。
鷹野さんの講義は、Adobeのセミナーよりちょっと深めの内容でした。いろんな意味で。

次回のCSS Nite in Osakaは、9月1日とか?それまでに来週のWeb標準の日々が待っている。

アドビ手ぬぐい

ちなみにAdobeのセミナーで手ぬぐいもらいました。Maide in Japanだったヨ。

coyummy

« 2007年5月 | メインページ | 2007年8月 »