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に近いため、導入が容易である。
リファレンスサイトは海外が多いが、 英語は読めなくてもソースは共通。がんばって探しましょう。





