旧ブログコンテンツ

現在は note で発信しています。

2ページ目   #Dreamweaver#デザインビュー

#CMS #CS5 #CSS3 #Dreamweaverテンプレート #EC #Firefox #HTML5 #LP #WordPress #たにぐち_まこと #カメラ #コーディングツールバー #コードヒント #ソースコード #デザイン #レイアウト #丸山_章 #宮内_純人 #拡張機能 #撮影 #森_和恵 #益子_貴寛 #神森_勉 #飯田_昌之 #鷹野_雅弘 

Dreamweaver Town Meeting in Tokyoフォローアップ(8)宮内 純人さんのセッション

100529dwtokyo_0413.jpg

2010年5月29日、ベルサール新宿で開催したDreamweaver Town Meeting in Tokyoのフォローアップとして、宮内 純人さん(マックグラフィックアーツ)の『デザインビューと上手にお付き合いする方法』のスライドとメッセージをシェアします。


「Dreamweaver Town Meeting in Tokyoフォローアップ(8)宮内 純人さんのセッション」の続きを読む

Dreamweaver Town Meeting in Tokyo:Dreamweaverのスキルを棚卸し #dwtokyo

Dreamweaver Town Meeting in Tokyo

2010年5月29日(土)15:10から、ベルサール新宿でDreamweaver Town Meeting in Tokyoを開催します。

その中で、大喜利と題して、持ち時間7分のミニセッションを12人のパワーユーザーが出演します。次に挙げる内容が引っかかる方は、スキルの"棚卸し"のために参加されてはいかがでしょうか?

  • コーディングツールバーって便利そうだけど、使うボタンだけ表示できたらいいのに...
  • DreamweaverでMovable Typeのテンプレートを作成できるの? 連携はどうやって?
  • 古いサイトを引き継いだ。fontタグを一層できないかな?
  • ほとんど画像にalt属性が入っていないんだけど、とりあえず、空でもいいので入れておきたい。
  • 大量にあるコンポーネントの組み合わせでできているWordPressのテーマをDreamweaverで作るのはムリだよね...
  • GIF/JPEGに書き出さずに、直接PSDをDreamweaverに配置できたらいいのに... 更新にも対応してできたらラッキー
  • 最近、Zen-condingがスゴイって聞くけど、そんなに速いの? Dreamweaverでも実装できるの?
  • コードヒントをヘビーに使っているけど、不要なプロパティは出ないようにしたいよね。
  • DreamweaverでHTML5の新しい要素を入力できないかな?
  • DreamweaverのデザインビューってClearfixが効かないよね。なんとかならない?
  • 表示速度改善にCSS Spriteが有効って効くけど、実装するのは面倒。いい方法ないかな?
  • </div>の前に、どのdiv要素を閉じているかのコメント(例:<!-- /#container -->)を自動的に挿入できたらいいよね。
  • クライアントから支給されるExcelファイル、Dreamweaverでどうやって使うの?
  • 文字原稿をクライアントにお願いするんだけど、ちょっとだけ手を加えてもらったら、後の作業がラクになる方法ってないかな?

2008年1月には「Dreamweaver CS3 10周年記念イベント 夢を紡ぐ者たちへ」が開催されましたが、それ以降、Dreamweaverにフォーカスしたイベントとしては目立ったものは開催されていません。

なかなか他人の制作環境を見る機会はありません。また、普段のルーティン作業以外のDreamweaverの別の顔を見るチャンスです。


3日で参加表明100名超え:コーディング/マークアップにフォーカスしたCSS Nite LPを4月に開催

CSSNiteLP9_banner.gif

CSS Nite LP, Disk 9(LP9)「Coder's Higher」の開催を、21日のCSS Nite in Ginza, Vol.43で発表、翌日の22日からmixiコミュニティにて参加表明の受付を開始しました。

3日で参加表明が100名を超えるなど、高い関心をいただいています。参加表明くださった方には、早割などをご用意する予定です。まだ、詳細が決定していない段階で恐縮ですが、ご興味ある方はぜひご表明ください。

  • イベント名:CSS Nite LP, Disk 9(LP9)「Coder's Higher」
  • 日時:4月17日土 12:00-18:00(予定)
  • 会場:ベルサール神田(東京)

CSS Nite LP, Disk 9(LP9)「Coder's Higher」は、2007年5月に開催した「LP3:Coder's High」の続編。コーディング/マークアップにフォーカスしたCSS Nite LPです。

LP3では、Dreamweaverのデザインビュー/コードビューのライブコーディング対決や、デジパの協力によるコーディングコンテストも行いました。また、250インチのダブルスクリーンの片方を、twitterのライブコメントとして利用するなどの試みも行いました。

今回の開催でも、ライブコーディング、コーディングコンテスト、ライブコメントについては、実施したいと考えています。その他、こんなことをやって欲しい、この人の話を聞きたい、ちょっとオレに喋らせて、等々あれば、ご連絡ください。


CSS Nite in OSAKA, Vol.15ご出演の森 和恵さんより、直前情報

CSS Nite in OSAKA, Vol.15にご出演される森 和恵さんのセッション『知ってて得する「Dreamweaver」の勘どころ。』についての情報が届きました。

Dreamweaverを長く使っている人、でもまだまだなにげに使い続けている人へ。<br />

「え!?こんな事が出来たの?知らなかった!!」と驚く人もいるはず!

森さんからのコアメッセージ

多機能なオーサリングツールである『Dreamweaver』のあまり知られていない便利な機能を紹介します。

自己流でなんとなく使っているライトユーザーやコードビューしか利用していない手打ち主義ユーザーがさまざまな機能を利用して作業効率をアップしてもらえれば・・・と思います。<br />

セッション内容抜粋

    <li>新規ドキュメント/フォントサイズ/コードフォーマット/エディターについて。</li>
    <li>Dreamweaverをより使いやすくカスタマイズする環境設定を紹介。</li>
    <li>ファイル管理のためにサイト定義が必要なことやファイル管理の方法、Webサーバー側のファイル管理において便利な"クローク"や"同期"機能を紹介。</li>
    <li>デザインビューをみたままCSSレイアウトを行うのに便利な&quot;Divタグを挿入&quot;機能の紹介。</li>
    <li>複数ファイルに分かれているCSSコードを見つけるのに便利なツールを紹介。</li>
    <li>CSSパネル/CSSルール定義/コードナビゲータ。</li>
    <li>テンプレートファイルの作成方法、また、階層の深いサイトで必要なテンプレートのネストも解説。</li>
    <li>&quot;編集可能なタグ属性&quot;を利用してページ毎に色合いを変える。</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)

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フォローアップ(3)」の続きを読む