CSS Nite in Kumamoto Vol.1「Photoshop特集」

日時
2011年1月29日（土）
12:30 開場 ／ 13:00 開演＆オープニング ／ 17:00 終了予定

会場
熊本デザイン専門学校
〒862-0973　熊本県熊本市大江本町2-5 [Goolge Map]

セッション

1. Photoshopの「棚卸し」
   講師：鷹野 雅弘さん
   参照：セッション1：Photoshopの「棚卸し」内容紹介
2. CS5使える新機能はコレだ！＆アドビの中の人に聞いてみよう質問大会（仮）
   参照：アドビシステムズさんと打ち合わせしてきました！
3. プロに学ぶ、明日から使える永久不滅レタッチテクニック@Live!
   講師：藤本 圭さん

という感じでPhotoshop関連てんこ盛りになっています。自分自身のルーツを辿ってみますと、Photoshop3に初めて触ったのが1996年頃だったと思います。かなりビビリながら学校の授業を受けた覚えがあります。いやぁ懐かしいです。あれから全然勉強していないし。。

席はまだ空いているそうです。ウェブ関連の勉強をされている方、実際に仕事をされている方も是非申し込みましょう！

自分としては、このイベントで知らない人とお会いできるのを楽しみにしています。懇親会もありますので、是非ご参加ください。

ツイッターで #cssnite_kumamoto1 とハッシュタグを入れてつぶやいていただけると大変うれしいです。よろしくお願いします！

• Fixed or fluid width? Elastic! | 456 Berea Street

僕が初めてこの Elastic Design という言葉を目にしたのはこの記事だったと思います。かなり前になります。実はるーと218も数ヶ月前にサーバを移動した時に少々CSSをいじってエラスティックデザインっぽくなっています。

エラスティックデザインというのはCSSのテクニックのひとつで、文字の大きさに合わせて全体の大きさが変化するようになっています。多くのウェブサイトは固定幅もしくは、ウィンドウの幅に合わせて変化するリキッド（fluid）デザインになっていると思います。固定幅ですと、背景画像など凝った装飾ができ、見た目をコントロールしやすいです。リキッドだと情報量の多いページでもウィンドウ幅が広ければ広い程コンテンツを上に詰めていく事ができ、スクロール量を減らす事ができます。ところが、固定幅ですと、文字を大きくすればする程、一行に入る文字数が少なくなり読みづらくなります。リキッドですと、広いディスプレイでウィンドウを広げて使ったりしていると、さっきとは逆で、一行に入る文字数が多くなり過ぎて読みづらくなったり、使いにくくなってしまうなどの問題点もあります。

Operaやインターネットエクスプローラ7では、ページ全体をズームイン（拡大）したりズームアウト（縮小）の操作が簡単にできるようになっていて、文字の大きさの調整よりこちらの方がスタンダードになる傾向にあります。リキッドデザインもまさしくこれらと同じで、Firefoxなどの他のブラウザでも同様にズームする事ができます。そして、ユーザが使っているウィンドウの幅や読みやすいの文字の大きさに合わせる事ができます。実際に企業のウェブサイトとしての活用の例は少ないかと思いますが、ブログなどの情報発信型のウェブサイトでは選択の中のひとつとしても良いかと思います。

あと、もうひとつ、今回のデザイン変更にともなって写真共有サイトZooomrの写真画像をページに載せる機能を作りました。epdsの活動が以前より伝わりやすくなっていればうれしいです。それでは、今後ともよろしくお願いします。