楽してコーディング！Dreamweaverのテクニックいろいろ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのハルエです。 以前のブログで、Dreamweaverのオススメ拡張機能についていくつか紹介させていただいたのですが、今回はDreamweaverに標準搭載されている隠れた便利機能についてご紹介させていただきます。 CS6から導入されてまだまだ浸透されていない機能や、搭載歴は長いのにあまり知られないまま謙虚に過ごしている機能がたくさんあると思うんです。 CSSトランジション Dreamweaver CS6のCSSトランジションを使用すると、CSS3によるtransition効果がコードを記述することなく簡単に設定できます。 ベンダープレフィックス(-webkit-など)も自動で生成してくれます。 使用手順 1.［ウィンドウ］→［CSSトランジション］パネルを開き、追加ボタン［＋］をクリックします。(htmlファイルを選択した状態にしておかないと、選択できません。) 2
Dreamweaverの便利なコマンドや拡張機能のまとめ
コーディングをするときに自分が主に使ってるのがDreamweaverです。そのままでもいろいろ機能があって便利ですが、コマンドや拡張機能を入れることによってさらに便利に使うことができます。 そこでDreamweaverのコマンドや拡張機能で見つけたものをまとめてみました。他にもこんな便利なものがあるよなど教えてもらえるとうれしいです。 使い方は、コマンドの場合はファイルをダウンロードしてきて以下に入れます。環境によって違う場所にあるかもしれません。 Windows → C:\Program Files\Adobe\Dreamweaver CS5.5\ja_JP\Configuration\Commands Mac → ライブラリ\Application Support\Adobe\DreamweaverCS5\ja_jp\Configuration\Commands 拡張機能はダウンロード
Dreamweaverのデザインビューを使い倒すために覚えてきたいこと | Webデザインのタネ
一定期間更新がないため広告を表示しています
アドビ―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】テーブルを組むときによく使うショートカットキー | バシャログ。
CSS Nite の2010年ベスト10セッションに CSS Nite in Ginza, Vol.49 「バシャログ。LIVE!」 を選出していただきました。ありがとうございます！ 新年早々とても嬉しくて浮かれ気味だったのですが、オフィスを見渡すと浮かれているのは自分ひとりでした。うちのスタッフはみんな感情を表に出さないタイプなのだろうか。 今回は、Dreamweaver の “デザインビュー” でテーブルを組むときによく使うショートカットキーをご紹介します。 テーブルを組むときはデザインビューを使ったほうが断然効率がよいです！ テーブルの挿入 Ctrl+Alt+T まずはともかくテーブルの挿入です。デザインビューのテーブルを入れたい場所で上記のショートカットキーを押すと、テーブル挿入のダイアログが出て、テーブルを挿入することができます。 セルの選択 Ctrl+A デザインビューで任意の
Dreamweaver CS3/CS4/CS5版 スペシャルコードヒント | BUN:Log
旧ブログで公開していた「Dreamweaver スペシャルコードヒント」ですが、ありがたいことにリクエストをいただきましたので、改めて公開します。 なお、データ自体は公開当時のままですので、最新版で動作しない場合はご容赦ください。 そもそも、スペシャルコードヒントとはDreamweaver でコーディングする際、先頭の数文字を入力しただけで入力候補を一覧化してくれる「コードヒント機能」。スペシャルコードヒントは、このコードヒント用の XML ファイルをカスタマイズしたものです。 デフォルトのコードヒントからの変更点は、以下の通りです。（※対応バージョンごとに多少の差異があります。） 利用頻度の低い CSS プロパティのコメントアウト@ で @import を表示数値入力の際、px、%、em、s、deg、grad、rad、turn を表示CS4 版のみ「!im」で !important を表
DreamweaverからCodaに変えました
2017年6月29日 便利ツール Webサイトを制作する時のWebオーサリングツール・HTMLエディタは何を使用していますか？きっと多くの人がDreamweaverを使っていると思います。私もそうでした。が、最近私のまわりのWebデザイナーがみんなCodaというソフトを使っているのに気づき、試したところ、あまりにも使い勝手がいいので紹介します。本当におすすめです！ ↑私が10年以上利用している会計ソフト！ Codaの特徴を簡単に 詳しい説明はリンクをクリックでジャンプします。 Mac専用 美しいビジュアル 便利なプレビュー画面 PHPやJavaScriptの動作確認も 素早いタグ打ちが可能 有料 8,500円 はい、Mac専用なんです。このブログを読んでいるユーザーの70%がPC使用なのでこれを記事にするか悩みましたが、Mac愛用者さんに向けて！ちなみに私はCoda英語版をインストールして
RedLine Magazine : DW用 CSS3対応セレクタコードヒント
DW用 CSS3対応セレクタコードヒント 2010.04.04追記 このエントリ書いて寝て起きたら修正版が出てた！仕事速い！このエントリの下の方で属性セレクタがなんたらかんたら…と書いてる部分に対して、修正してくださってます。 CSSセレクターコードヒント修正 - dwlog.net （「 [ 」 を入れたら属性セレクタが出てくるようになったバージョン） が、しかし、今度は「：」を押しても反応がなくなったので作者さんのブログにコメント送ってみたところなう。(2010.04.04 10:58) 2010.04.04 12:19 さらに追記 自己解決 上に書いた「：」を入れても反応しないの件、Configuration/CodeHints/css_selector.xmlの50行目辺りに<menu pattern=":" DOCTYPES="CSS">に対する閉じタグ</menu>を追加したら
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を選ぶといいかも
iPhoneサイトを無料作成！Dreamweaver拡張機能が登場
使い慣れたDreamweaverで、iPhone用のWebサイトを作りたい。そんなWeb制作者の声に応えるエクステンション（拡張機能）「iPhone site extension for Dreamweaver CS4/5」が登場した。利用は無料で、開発元のエイチツーオー・スペースのWebサイトからダウンロードできる。 iPhone site extensionは、アドビ システムズのHTML/CSSオーサリングツール「Dreamweaver」にiPhone用Webサイトの作成支援機能を追加するエクステンション。iPhone site extensionをDreamweaver CS4/CS5にインストールすると、新規作成メニューから「iPhone用ページ」「iPhone用Webアプリ」の2種類のHTML/CSSテンプレートが選択できるようになる。各テンプレートには、アップルのデザインガイ
テンプレート編集を楽にしてくれるWordPress用Dreamweaverエクステンション。TAGStention の紹介と導入方法。 | うつしよ
テンプレートの編集を楽にしてくれるテンプレートタグ入力支援「TAGStenstion」 を入れてみた。 ダウンロードはこちらのサイトから↓ 導入方法は ダウンロードしたファイル(mxp)を解凍し、Macromedia アプリケーションフォルダ内にある Extentions フォルダに保存する。 Program Files→Macromedia→Extention Manager→Configuration→Extentions(←自分のはこんな感じだった) Dreamweaver を起動し、ヘルプ→拡張機能の管理(Extention Manager)→ファイル→拡張機能のインストールを選択。 Dreamweaver を再起動。 インストールすると、このようなツールバーが現れる。 クリックすると 使いたいタグを選択し、ワンクリックでテンプレートに挿入してくれる。 チートシートからWordPr
マークアップ効率化 - zen-codingでコーディングを倍速に
HTMLの記法について 基本的には「div」の様に要素を省略せずに記述して、それを展開すると「<div></div>」という形に展開されます。 このときに展開できる要素は以下の公式ドキュメントに明記されていますのでそちらを見るとよいです。 Zen HTML Elements Zen HTML Selectors Zen CheatSheets 基本的な記法 ひとつずつ順番に記述して説明していきます。しばらく初歩的な説明になるのである程度知っている方は飛ばしていただいて良いかと思います。 まずものすごく基本的な記法である、単独タグの記法について説明を行います。 cssのセレクタをイメージしながら見ていくと納得しやすいと思います。 タグだけ変換 変換前 div 変換後 <div></div> デモ 文末でtabを押してください div 変換後、div要素の間にカーソルが移動するので、すぐにテキ
Adobe Edge: 2010年2月 ワンパクの「もっと使いこなしてみよう！Dreamweaver」最終回 拡張機能でDreamweaverをパワーアップ！
株式会社ワンパクの近藤＆杉山の師弟コンビがDreamweaverの覚えておきたい便利な機能や、見落としていた機能などをお届けする本連載。今回で最終回となりました。最後に取り上げるのはDreamweaverの 「拡張機能」です。拡張機能をインストールすれば、Dreamweaverには搭載されていない機能を加えることができ、自分好みにカスタマイズすることができます。そして、「杉山のこれ知ってます？」のコーナーでは、ダミー画像を簡単に用意できるイメージプレースホルダーと、ファイル操作を制限できるクローク機能について紹介します。 入れておくと便利！ オススメ拡張機能 杉山：師匠～！ 便利なもの見つけちゃいましたよ～(*^▽^*)/ 近藤：なんだ？ 杉山：Dreamweaverの拡張機能です！ ただでさえ便利なDreamweaverが、拡張機能をインストールすると、ますます便利になっちゃうんですね！
Zen-Codingで楽々コーディング! + コツ1つ
話題のHTMLやCSSコーディングあしすとツールのzen-codingを触ってみました。すごい楽ちんこ! zen-codingって何？使い方は？という人は以下のページを見てくださいね。 Zen-Codingでできるあんなことこんなこと 知らない人は損してる？コーディングが3倍速くなるZen-Codingを導入してみた ある程度HTML/CSSのコーディングに慣れた人なら、ビジュアルデザインを含んだ文書があれば、それをもとに脳内でHTML構造に置き換えられますよね。デザインから興す人は、Photoshopを触りながら、同時に頭の中でHTMLを組み立ててる人も多いんじゃないでしょうか。 たいていの文書は、小さなパターンと大きなパターンの繰り返しだし、コンテンツに関しての試行錯誤はあっても、HTMLの記述で試行錯誤するってことは無いんですよね。(CSSのブラウザの実装の関係とかこの際忘れよう)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
オリジナルフォントが作れるiPad用フォント作成アプリ「iFontMaker」｜linker journal｜linker
[Dreamweaver] コードビューを Sublime Textエディタ風な黒い画面になるようコードカラーリングを変更してみた | バシャログ。
【CSS】コーディングがさらに速くなる！Zen-Codingで覚えておきたいよく使うCSSスニペットコマンド | バシャログ。
dwlog.net
dwlog.net
canvasのコードヒントをDreamweaverで出るようにしてみた。 - 秋葉秀樹 個人ブログ