Dreamweaver Town Meeting in Tokyo イベント参加メモ – 大喜利(後半)

2010年5月29日にベルサール新宿にて開催された「Dreamweaver Town Meeting in Tokyo」のイベント参加メモです。
個人的なメモとなりますので、内容はまとまっていませんがご容赦ください。
最後は大喜利(後半)です。

スペシャルコードヒント(國分亨・dreamseeker)

利用頻度の低いコードをコードヒントから削除して使いやすく。
CodeHints.xml – /configration/CodeHints
CodeHints.xml を編集するときは、バックアップを取ってから。
menuitem の方をコメントアウト。
menu / menuitem の pattern と label、 value の値を編集すると追加もできる。
» widowsプロパティの誤入力を防ぐCodeHints.xml|カラクリエイト
» Dreamweaver覚え書き

デザインビュー&キーボードショートカット(宮内純人(ネコゼ)・マックグラフィックアーツ)

デザインビューは “crearfix” が効かない。CS5でも直っていない(ネコゼ調べ)
親のボックスに float を設定
親のボックスに overflow: hidden; を設定
「デザインタイムスタイルシート」を使おう!
– デザイン中のみ適用させられる CSS
[cmnd]+[2]で h2 に変換
選択して Tab をクリックすると blockquote

izuizuさんがいい事言った。「Zen-codingは、箱から作る。デザインビューは原稿ありき。物により使い分けるとよい。」 by @crema

ねこぜさんのセッションに神森的補足を…ショートカットで見出しをつけていく際のポイントは、原稿を流し込む前に、あらかじめ見出し付けしたい要素の見出しレベルを理解しておくこと。流し込んだ後に、見出しレベルを考えていてはダメなんだよね! by @tstudio

HTML5 拡張機能(丸山章)

HTML5 Pack は Dreamweaver CS5 のみ。
» HTML5 タグライブラリ
» CSS3 コードヒント
» CSS セレクタコードヒント

Fireworks 用 CSS Sprite 拡張機能(湯口りさ・RsStudio)

CSS Sprite – ひとつにまとめた画像ファイルを CSS の設定で切り取って表示する機能
画像の数が減ることで、サーバーへのアクセス数が少なくなる。
参考)独学で極める “Webデザイン”の技と心:第10回 CSS Spritesでサイトを高速化|gihyo.jp
» RsStudio Style – CSSSprite Extensionの紹介とドキュメント

Dreamweaver の拡張機能(渕上伸吾・カヤック)

会場で Dreamweaver の拡張機能を作ったことがある人はちらほら。
コーディング中にコメントをショートカット1発で入れてくる拡張機能を自作。
html ファイル+mxi ファイル(XML形式)→ mxp ファイル(後日テンプレートファイル公開)
» コメントを生成して挿入するDreamweaver用拡張機能を作成しました | Topics | DB – KAYAC Designer’s Blog

MS Office からのデータコンバート TIPS(山田恵理子・Webridge Kagawa)

Word、Excel ファイルからコピー&ペースト
[メニュー]→[編集]→[コピーペースト]→2番目の「構造つきテキスト」を選択しておく
デザインビューで、テーブル要素を右クリックして「すべての幅をクリア」で width がなくせる。
Word の「見出し」や「箇条書き」を設定してコピーし、Dreamweaver にペースト。
クライアントに Word / Excel でスタイルを指定して原稿を用意してもらえる。
▼Dreamweaver プロフェッショナル・スタイル [CS3対応]
Dreamweaver プロフェッショナル・スタイル [CS3対応]