3ページ目 #デザインビュー
#Android #CMS #CS5 #CSS3 #Dreamweaver #Dreamweaverテンプレート #EC #Firefox #HTML5 #iPhone #jQuery #LP #WordPress #たにぐち_まこと #まぼろし #カメラ #コーディングツールバー #コードヒント #スマートフォン #ソースコード #デザイン #ビジネス・アーキテクツ #レイアウト #中村_享介 #丸山_章 #宮内_純人 #拡張機能 #撮影 #森_和恵 #益子_貴寛 #矢野_りん #神森_勉 #福島 #飯田_昌之 #鷹野_雅弘
CSS Nite in OSAKA, Vol.15ご出演の森 和恵さんより、直前情報
CSS Nite in OSAKA, Vol.15 #Dreamweaver #デザイン #デザインビュー #レイアウト
CSS Nite in OSAKA, Vol.15にご出演される森 和恵さんのセッション『知ってて得する「Dreamweaver」の勘どころ。』についての情報が届きました。
Dreamweaverを長く使っている人、でもまだまだなにげに使い続けている人へ。<br />
「え！？こんな事が出来たの？知らなかった！！」と驚く人もいるはず！
森さんからのコアメッセージ
多機能なオーサリングツールである『Dreamweaver』のあまり知られていない便利な機能を紹介します。
自己流でなんとなく使っているライトユーザーやコードビューしか利用していない手打ち主義ユーザーがさまざまな機能を利用して作業効率をアップしてもらえれば・・・と思います。<br />
セッション内容抜粋
<li>新規ドキュメント／フォントサイズ／コードフォーマット／エディターについて。</li>
<li>Dreamweaverをより使いやすくカスタマイズする環境設定を紹介。</li>
<li>ファイル管理のためにサイト定義が必要なことやファイル管理の方法、Webサーバー側のファイル管理において便利な"クローク"や"同期"機能を紹介。</li>
<li>デザインビューをみたままCSSレイアウトを行うのに便利な"Divタグを挿入"機能の紹介。</li>
<li>複数ファイルに分かれているCSSコードを見つけるのに便利なツールを紹介。</li>
<li>CSSパネル／CSSルール定義／コードナビゲータ。</li>
<li>テンプレートファイルの作成方法、また、階層の深いサイトで必要なテンプレートのネストも解説。</li>
<li>"編集可能なタグ属性"を利用してページ毎に色合いを変える。</li>
<li>テンプレート機能の"編集不可部分のタグ属性"を使って特定のタグのCSSを切り替る方法を解説。<br />
これを利用すれば、「そのページに該当する編集不可部分のリンクボタンの色を変更する」ことも可能になる。</li>
<li>Contributeでテンプレートを活用する。</li>
※内容は5/6現在の情報で、変更になる可能性があります。ご了承下さい。
ぜひお楽しみに！ご来場お待ちしております。
<li><a href="https://cssnite.jp/osaka/vol15/">CSS Nite in OSAKA, Vol.15</a></li>
CSS Nite in Ginza, Vol.29フォローアップ（3）
CSS Nite in Ginza, Vol.29 #Dreamweaver #デザイン #デザインビュー #鷹野_雅弘
2008年12月18日に開催したCSS Nite in Ginza, Vol.29のフォローアップとして、鷹野雅弘のセッション『"Dreamweaverハック"って何だ？』のスライドと音声をシェアします。
デモ部分でちょっとバタバタしてしまいましたが、お伝えしたかったのは次の内容です。
- IE6のシェアは下がっているとはいえ、まだまだ対応が必要
- これまでIE6対応のために、XML宣言をつけないことが多かったのですが、XML宣言をつけるサイトが増えてきました
- XML宣言を入れると、Dreamweaverのデザインビューは互換モードっぽいレンダリングをする
- 「スターハック」（* html）は、Dreamweaverのデザインビューには無効。
- Dreamweaverのデザインビューを修正するためのCSSファイルを用意し、デザインタイムスタイルシートとして適用する（IE6用に上書きしたい内容をスターハックを付けずに上書きするイメージ）
CSS Nite in Ginza, Vol.29に、ミニセッションを追加
CSS Nite in Ginza, Vol.29 #Dreamweaver #デザイン #デザインビュー #鷹野_雅弘
12月18日に開催するCSS Nite in Ginza, Vol.29に、12分のミニセッション『"Dreamweaverハック"って何だ？』（鷹野雅弘）を追加します。
Dreamweaver CS4ではWeb Kitをレンダリングエンジンとする「ライブビュー」が搭載されますが、依然、デザインビューは従来のままです。CSS Nite in Ginza, Vol.27で話題になった「inline-block」はもちろん、ネガティブマージンに対応していないほか、テーブル内のフォントサイズの継承もクセがあります。
HTMLやCSSファイルには手を加えず、Dreamweaverのデザインビューの挙動をコントロールするテクニックをご紹介します。
CSS Nite in Ginza, Vol.27の小山田さんのセッションの最後に軽く触れたものですが、リクエストいただき、ミニセッションとして取り上げることになりました。
CSS Nite LP, Disk 3 -Coder's High- フォト・ギャラリー
CSS Nite LP, Disk 3 #LP #デザインビュー #ビジネス・アーキテクツ #中村_享介 #撮影 #益子_貴寛 #神森_勉 #鷹野_雅弘
2007年5月12日に開催したCSS Nite LP, Disk 3 -Coder's High-の模様を写真でお届けします。撮影は岡田陽一さん。
アンケート集計：CSSに取り組む際に最初につまずいたところはどこですか?
CSS Nite in Nagoya 2007 #Dreamweaver #Firefox #デザイン #デザインビュー #レイアウト #益子_貴寛
CSS Nite in Nagoya 2007、CSS Nite in Osaka、CSS Nite Vol.18でアンケートにご協力いただいた中で「CSSに取り組む際に最初につまずいたところはどこですか?」という設問に対する回答をシェアします。
5月11日追記： 益子貴寛（サイバーガーデン）さんからコメントいただきました。
ざっくり見たところと、以下の3つ
- 概念（考え方）
- レイアウト（特にfloat）
- ブラウザ互換
が特につまずいた（つまずく）ポイントのようですね。