タグ

Dreamweaverに関するtsuki-rsのブックマーク (6)

  • Bootstrapも標準化したDreamweaver CC 2015を使って、レスポンシブデザインを爆速で作る方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    Bootstrapも標準化したDreamweaver CC 2015を使って、レスポンシブデザインを爆速で作る方法 こんにちは、デザイナーのぺちこです。 AdobeのCC2015がリリースされて2ヶ月ほど経ちましたね! 恥ずかしながらPhotoshop以外はまだ2015を導入していなかったため、先日どーんとアップデートに挑みました。 とはいっても、どんなアップデートがあったのか分からないままでは宝の持ち腐れ。新機能を色々と調べていたところ、いつの間にかDreamweaverがとても便利になっているらしいということを知りました。 どうやらDreamweaver CC2015では、 レスポンシブサイトのコーディングに便利なビジュアルメディアクエリーバーやリサイズバーの追加 Bootstrapのサポート Emmetの標準サポート 手軽にブラウザや実機で確認ができるデバイスプレビュー機能の追加 な

    Bootstrapも標準化したDreamweaver CC 2015を使って、レスポンシブデザインを爆速で作る方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
    tsuki-rs
    tsuki-rs 2015/08/26
    実に惜しい。Emmetも完全にサポートしてくれていたらもっと良かったと思う。
  • Dreamweaverコードヒントでfont-sizeプロパティのパーセント表記を追加する | A Day in the Life

    December 30, 2010 Dreamweaverはコードビューでコードを記述していると、最初の数文字で入力されるプロパティを予測してツールチップに表示してくれる便利な機能があります。 プロパティに対して値を入力する際に、そのプロパティに対して設定出来る値も一覧表示してくれるので、コーディング時にはこの機能は重宝します。 このコードヒントの機能ですが、configuration/CodeHints/CodeHints.xmlをカスタマイズすることで通常表示されない値を追加することが出来ます。 ※カスタマイズは自己責任でお願いします。 私の場合、ベースになるfont-sizeを13px相当に設定して13px基準に各フォントサイズをパーセント表記する事が多いので、13pxに対して10~26px相当で表示させる値を追加しています。 まずは13px相当に表示させるためにbase.cssのフ

    tsuki-rs
    tsuki-rs 2013/02/13
    便利や。
  • Dreamweaver テンプレートのスニペット | A Day in the Life

    March 22, 2011 Dreamweaverテンプレートで個人的に良く使うテンプレートコードをスニペットにしてみました。 Dreamweaverテンプレートはソースコードがコメントだらけになるので嫌う人が多いかもしれませんが、小規模サイトでCMSを入れるほどでも無いサイトを制作する場合にかなり有効だと思いますので、是非利用してみてください。 編集可能領域 編集可能領域を追加。[挿入]→[テンプレートオブジェクト]→[編集可能領域]と同じ。 <!-- TemplateBeginEditable name="EditRegion1" -->編集可能領域<!-- TemplateEndEditable --> bodyのClass名、ID名の入力 [修正]→[テンプレートプロパティ]からbodyに付加するclassとIDを入力出来るようにする。 head内 <!-- TemplatePa

  • アドビ―Dreamweaverデベロッパーセンター

    Enhance and extend DreamweaverDreamweaver provides its own API as well as the Common Extensibility Platform (CEP), and offers you the flexibility of using C++, HTML, CSS, and JS to build extensions for Dreamweaver. You can extend the Dreamweaver UI, add powerful features for building web apps and automate entire cross-application workflows. Build custom web development toolsImport database data in

  • [超いまさら]Dreamweaverテンプレートって便利だね - 日々平穏

    200804/29[超いまさら]Dreamweaverテンプレートって便利だね CATEGORY:Webネタblog,ツール紹介 TAG:Adobe,Dreamweaver フリーになってからというもの、個人で請け負える範囲でのお仕事をと考えると、どうしても小・中規模サイトの案件が多くなりがち。 それにくわえて、ここ最近の案件でPHPを好きに置いちゃいけないとか、クライアント側で更新したいとか、いろいろと制約のある案件が重なり、そんななかで効率的な制作進行をするためにはどうしたもんかと 思案し「Dreamweaverテンプレート」(以下DWT)を選択したのですが、これがなかなか使える機能だったりしましたので今さらながらに紹介しておこうと思います。 すでにDWTを使用したことがある方には、ホントいまさらなTIPSになるのですが、使ったことのない人のためにざっくり説明しますと、DWTって

  • 作業効率化!Dreamweaverのオススメ拡張機能まとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは。デザイナーのハルエです。 Dreamweaverの数ある機能を十分に活用できてる方ってどのくらいいるのでしょうか? 私の場合、これまで最低限の機能しか使ってこず、操作上でわずらわしく感じることでも我慢してたんです。で、そのわずらわしさも苦痛に感じなくなってきて、いつの間にか慣れちゃってました。いけない子ですね。 そこで今日は以前の私みたいな方のために、作業効率を良くするDreamweaverの便利な拡張機能やおすすめ設定術を紹介させていただきます。 閉じタグコメントを自動挿入:End_comment.mxp 閉じタグコメントはソースの構造をチェックしたりする時に便利なんですが、その都度書いていくのって手間ですよね。 この拡張機能は閉じタグコメントを自動で挿入してくれます。もちろんIDとclassもちゃんと認識してくれます。 コメントを生成して挿入するDreamweaver用の拡

    作業効率化!Dreamweaverのオススメ拡張機能まとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
    tsuki-rs
    tsuki-rs 2012/11/13
    個人的には、Zen-Codingが素敵
  • 1