タグ

dreamweaverに関するtoguoのブックマーク (11)

  • 楽してコーディング!Dreamweaverのテクニックいろいろ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、デザイナーのハルエです。 以前のブログで、Dreamweaverのオススメ拡張機能についていくつか紹介させていただいたのですが、今回はDreamweaverに標準搭載されている隠れた便利機能についてご紹介させていただきます。 CS6から導入されてまだまだ浸透されていない機能や、搭載歴は長いのにあまり知られないまま謙虚に過ごしている機能がたくさんあると思うんです。 CSSトランジション Dreamweaver CS6のCSSトランジションを使用すると、CSS3によるtransition効果がコードを記述することなく簡単に設定できます。 ベンダープレフィックス(-webkit-など)も自動で生成してくれます。 使用手順 1.[ウィンドウ]→[CSSトランジション]パネルを開き、追加ボタン[+]をクリックします。(htmlファイルを選択した状態にしておかないと、選択できません。) 2

    楽してコーディング!Dreamweaverのテクニックいろいろ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • 作業効率化!Dreamweaverのオススメ拡張機能まとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

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

    作業効率化!Dreamweaverのオススメ拡張機能まとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • Dreamweaverのデザインビューを使い倒すために覚えてきたいこと | Webデザインのタネ

    一定期間更新がないため広告を表示しています

    Dreamweaverのデザインビューを使い倒すために覚えてきたいこと | Webデザインのタネ
    toguo
    toguo 2012/01/24
    毛嫌いせずにコードビューは使える子
  • jQuery MobileにDreamweaverが対応。モバイルアプリケーション開発ツールとして本命に急浮上!

    jQuery MobileにDreamweaverが対応。モバイルアプリケーション開発ツールとして命に急浮上! アドビシステムズが昨日発表したDreamweaver CS5.5が、JavaScriptフレームワークの「jQuery Mobile」に対応しました。jQuery Mobileは、HTML5のコーディングのみでWebアプリケーションが開発できる強力なフレームワークで、HTMLの優れたオーサリングツールであるDreamweaverはjQuery Mobileと非常に相性がよいといえます。 これまでモバイルアプリケーションの統合開発ツールとして有力なものはありませんでしたが、jQuery Mobileの対応でDreamweaverがモバイルアプリケーションの統合開発環境として急浮上してきました。 Adobe TVで公開されているビデオ「Mobile Web App Developm

    jQuery MobileにDreamweaverが対応。モバイルアプリケーション開発ツールとして本命に急浮上!
  • Dreamweaverの拡張機能まとめ

    Dreamweaver用の拡張機能をまとめました。 便利なものばかりなので、ぜひお役立てください。 タグ挿入・文字列変換 コメントを生成して挿入するDreamweaver用拡張機能 <!– /#container –>などのコメントを簡単に挿入できます。 IDやClass名は自動で取得してくれます。 Adobe – Dreamweaver Productivity : Close Tags 閉じていないタグを閉じてくれます。 Adobe – : Adobe Dreamweaver 10周年セミナー:全角・半角変換拡張機能 全角の数字やカナを半角に直したり、その逆もできます。 携帯サイト作成にも便利ですね。 Zen-Coding DreamweaverでZen-codingが使えるようになります。 (CS3の方は、Zen Coding for Dreamweaver v0.5を選ぶといいかも

    Dreamweaverの拡張機能まとめ
    toguo
    toguo 2010/06/20
    拡張機能のまとめ
  • コメントを生成して挿入するDreamweaver用拡張機能を作成しました | Topics | DB - KAYAC Designer's Blog (カヤック デザイナーブログ)

    意匠部、渕上です。 htmlの閉じタグの手前にコメントを入れることがめんどくさくなったので、Dreamwaver用の拡張機能を作って解決することにしました。 どういうコメントかというと、以下のようなやつです。 <div id="container"> ~~~ <!-- /#container --></div> このコメントを入れることでコードの見通しがよくなるので絶対いれたほうがいいことはわかってるんですが、idやclass名を記述しなきゃいけないのがちょっと大変なんですねー。 ダウンロード ということで、作成した拡張機能はコチラ。 ダウンロード - End_comment.mxp インストール mxpファイルをダブルクリックするとAdobe Extention Managerが立ち上がりインストールされます。 インストールできないことがあります 「メニューを更新できませんでした」という

    toguo
    toguo 2010/06/10
    divタグの閉じタグ前にコメントを自動的に入れる事が出来る拡張機能
  • Dreamweaverテンプレートでタグにカテゴリ名のidをつける - 高粋楼〜haikararou

    普段Dreamweaverテンプレートは使用しないのだが、必要に迫られて少々使い方を調べたのでメモ・・・ Dreamweaverテンプレートではタグは編集可能領域およびオプション領域にできないので、各カテゴリ毎のidを設定する為には、テンプレート式を使用する。 属性(id)を設定した<body>タグを選択して、「修正」→「テンプレート」→「属性を編集可能にする」ポップアップウィンドウの設定を下記とする。 属性:ID ラベル:変数名を入力(ここではcategoryとしている) タイプ:テキスト 初期設定:任意(未記入可) そうするとテンプレートの<head>内に <!-- TemplateParam name="category" type="text" value="" --> が追加されるので、後はタグを下記の様に書き換える <body id="@@(category)@@"> これでH

  • Adobe - デベロッパーセンター : Dreamweaver使いのための「生活に役立つ小ネタ集」

    林 岳里(はやし たけさと) アドビ システムズ株式会社 ビジネスデベロップメントマネージャー 作成日:2008年3月19日 ユーザレベル:初心者, 中級 製品:Dreamweaver CS3 はじめに Dreamweaverを長年使っている方でも意外と知らないまま過ごしている機能があります。その機能を知らなくても自力で解決できるかもしれませんが、もし知っていたらどうでしょうか?なんども検索/置換を繰り返すことや、数多くあるHTMLファイルのコードを手作業でフォーマットする面倒な作業から解放され、他の作業に時間を割けるようになります。Dreamweaver使いのための「生活に役立つ小ネタ集」と題して、コードのフォーマット、検索/置換、正規表現を解説します。なお、[検索および置換]で行う設定はクエリーの保存/ロードで読み書きできます。サンプルに同梱している拡張子.dwrのクエリーファイル

  • アドビ―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

    toguo
    toguo 2009/05/24
    DW内で半角・全角を置換してくれる機能拡張
  • polqui.com - DreamweaverCS3でPHP5のコードアシスト

    DreamweaverCS3初期状態ではphpのCodeHintは完璧に表示されません。 これの設定をするには C:\Program Files\Adobe\Adobe Dreamweaver CS3\configuration\CodeColoring\ に移動して「PHP.xml」ってファイルを一応バックアップを取り 次のファイルをダウンロードして入れ替えてください。Php.xml.zip →ダウンロード 解凍してファイルを上書きした後DreamweaverCS3を再起動してOKです。

  • Dreamweaverをお使いの方へ - 不要なタグを削除する「デリドリ」配布します : cotalog

    Dreamweaverのテンプレートをお使いの方々、リリースの時にこんなもどかしさありませんか? 「テンプレートが使用する独自タグを削除したい!でもファイル数多い面倒だ!」 弊社のGaryu、Mutsukiも同様の悩みを抱えていたので、パーサーを作ることにしました。最初はPerlで作っていたのですが、どうせなら手軽に誰でも使えるようにしようということで、ドロップレット形式のアプリケーションにして配布する事にしました。 とは言っても中身はAppleScript Studio & Perl。 以下追記です(2007-04-21 11:46:18) テンプレートタグを削除するのであれば、テンプレートマークアップを省略したサイトの書き出しという方法がありますよ。 というご意見を頂きました(nishiakiさん、感謝!) テンプレート機能のみであれば上記で問題無いようなのですが、Dreamweave

  • 1