CSS Nite in FUKUSHIMA Vol.3に参加してきました
CSS Nite in FUKUSHIMA Vol.3に参加してきました。
2008年の東京初回に始まり、仙台や沖縄など展開してきたビギナーズ。今回は福島での開催です。仙台では私も出演しましたが再度勉強と応援がてらの参加です。出演された皆様、参加された皆様、長丁場の勉強大変お疲れ様でした。
参加しての雑感、ポイントなど。
Session 1：XHTML+CSSの概要（鷹野さん）
XHTMLの概論的な内容。相変わらずkeynoteがカッコイイです。間の取り方やフォント選び、マジックムーブなど使いどころを的確に使ってます。フリップ式のプレゼンの参考になります。
Session 2：XHTMLのキホン（國分さん）
XHTMLで基本的なタグの解説など。XHTMLは通常のHTMLと比べて、より厳格。終了タグの追加や、空要素（br・img・hr）はスペース + スラッシュの形で記述が必要。
Session 3：マークアップ選びのコツ（益子さん）
ケーススタディでは企業サイトのビジュアルに対して、どの要素でマークアップしているのかを記入して実践。
どれでマークアップするかは正解はない。これは学校の授業でも使えるかも。
Session 4：CSSのキホン（がじろうさん）
ボックスモデルの解釈や説明の際、身近なものにたとえるとわかりやすい。
がじろうさんの場合、内臓＝content・脂肪＝padding・皮膚＝border・間合い（敵との距離）＝margin
Session 5：XHTML+CSSキホンのワークフロー（鷹野さん）
Dreamweaverを大阪ではドリームと呼ぶらしい。
デザインビューを賢使うべき。作業効率がぐっとよくなる。ショートカットやアプリケーションのクセをよく見極め理解し、逆に応用すると◎。
※CSSの記述において、=（イコール）は存在しない。コメントアウトに=のきっかけを作っておくと検索ポイントなどに応用できる。
Session 6：CSSセッティング（三坂さん）
CSSのリセットの際はアスタリスクではなく、要素列挙方式を採用。
ファイル分割のアプローチは、サーバの負荷が増えたり管理が頻雑になる可能性も。ファイルの分けすぎ注意。
Session 7：CSSレイアウトのコツ（大和田さん・田平さん）
- カラム＝縦に並ぶ列
- CSSレイアウト＝ブロック要素を配置する作業。
- 呼び名、固定幅の見た目をソリッドレイアウト、可変をリキッドレイアウトと呼ぶ。
リキッドレイアウトの応用例：小画面時に、見切れ部分に写真を隠しておき、ブラウザの横幅を広げると出てくる的なトリックにも使える。
Session 8：ブラウザごとの調整テクニック（益子さん）
アクセス解析をよく見る。
特定バージョンのシェアの0.5%（200人に1人）はターゲットに含める。
サポートのよいブラウザからチェック
- モダンブラウザ
- IE7
- IE6
IE6やIE7を基準にしてはいけない。 サポートの良いFirefoxなどを基準とする。
IEはどうする？
- Internet Explorer Collection
- Multiple IE
- IE Tester（IE8をインストールして使う。下位バージョンだと上位バージョンでの表示ができない）
Firefoxなどの複数バージョンはスタンドアローン版を入れるといいかも。
Session 9：JavaScriptライブラリとCSS（赤井さん）
トレンド的にjQueryがキテる。 ファイルサイズも軽く動作も軽快。書き方もCSSに近いため、導入が容易である。
リファレンスサイトは海外が多いが、 英語は読めなくてもソースは共通。がんばって探しましょう。
