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人)はターゲットに含める。

サポートのよいブラウザからチェック

  1. モダンブラウザ
  2. IE7
  3. IE6

IE6やIE7を基準にしてはいけない。 サポートの良いFirefoxなどを基準とする。

IEはどうする?

  • Internet Explorer Collection
  • Multiple IE
  • IE Tester(IE8をインストールして使う。下位バージョンだと上位バージョンでの表示ができない)

Firefoxなどの複数バージョンはスタンドアローン版を入れるといいかも。

Session 9:JavaScriptライブラリとCSS(赤井さん)

トレンド的にjQueryがキテる。 ファイルサイズも軽く動作も軽快。書き方もCSSに近いため、導入が容易である。
リファレンスサイトは海外が多いが、 英語は読めなくてもソースは共通。がんばって探しましょう。

DSC02823

Jimdo

オススメ書籍

10日でSEO&アクセスアップ Jimdoデザインブック

かっこいいだけではなく、人が集まるホームページを作る!

「Jimdo」(ジンドゥー)でのホームページの作成方法と運用方法を解説した書籍。解説記事を順番に読み進めて行くことで、Jimdoを使ったホームページの作成・運用・宣伝・集客の基本を、10日間で習得するのが本書のコンセプトです。12章構成の解説の中で、Jimdoの基本操作とホームページの作成、デザインとコンテンツ(内容)のレベルアップ、そしてSEOやリスティング広告を含む宣伝・集客の基本を解説しています。

コメントを残す

メールアドレスが公開されることはありません。

CAPTCHA


ABOUTこの記事をかいた人

株式会社マジカルリミックス 代表取締役CEO/JimdoExpert 宮城県出身。コンピューター系の専門学校を卒業後、仙台のデザイン会社に入社。 Webサイトのデザイン・コーディングをはじめとし、各種デジタルメディアのデザインに従事。2002年退職後すぐにマジカルリミックスを創業。2007年に法人化で株式会社マジカルリミックスを設立。Webサイト運用に関するコンサルティング、社内向けITトレーニング、セミナー出演、執筆など。2005年から仙台の専門学校で、非常勤講師としてWeb制作講義を担当。 主な著書に『10日で作るかっこいいホームページ Jimdo(ジンドゥー)デザインブック』(エムディエヌコーポレーション)『HTML5+CSS3の新しい教科書 基礎から覚える、深く理解できる。』(共著、同)『基礎から覚える、深く理解できる。Webデザインの新しい教科書』(同)。