Dreamweaver CC ベータ版で追加された CSSプリプロセッサー CSSプリプロセッサーとは、SassなどのCSSメタ言語（CSSの元になるファイル）からCSSファイルにコンパイル（変換）するプログラムのことです。従来、CSSメタ言語をCSSにコンパイルするには、ターミナルやSassをコンパイルするアプリケーションに頼らならければなりませんでした。 Dreamweaverベータ版では、SassやLessのコンパイルに必要な環境が自動で構築されます。Windowsでは面倒なRubyなどの環境構築もDreamweaverをインストールするだけで整います。CSSメタ言語のコンパイルはファイル保存のタイミングで自動的に行われ、コマンドプロンプトなどを使わずに、CSSが生成されます。 本記事では、Sassを中心にDreamweaverベータ版の関連機能の使い方を取り上げます。 Sass自体
一定期間更新がないため広告を表示しています
こんにちは。デザイナーのハルエです。 Dreamweaverの数ある機能を十分に活用できてる方ってどのくらいいるのでしょうか？ 私の場合、これまで最低限の機能しか使ってこず、操作上でわずらわしく感じることでも我慢してたんです。で、そのわずらわしさも苦痛に感じなくなってきて、いつの間にか慣れちゃってました。いけない子ですね。 そこで今日は以前の私みたいな方のために、作業効率を良くするDreamweaverの便利な拡張機能やおすすめ設定術を紹介させていただきます。 閉じタグコメントを自動挿入：End_comment.mxp 閉じタグコメントはソースの構造をチェックしたりする時に便利なんですが、その都度書いていくのって手間ですよね。 この拡張機能は閉じタグコメントを自動で挿入してくれます。もちろんIDとclassもちゃんと認識してくれます。 コメントを生成して挿入するDreamweaver用の拡
HTML制作が3倍速くなるDreamweaverの裏技教えます 第2回：日々の作業で困っていることアレコレ 鷹野雅弘（@swwwitch） スイッチ 2012/8/10 CSS Niteでおなじみの鷹野さんが、最終更新日の自動更新、画像の扱い、コーディングガイドラインを教えます CSS Niteを主催している鷹野です。この連載では、知っていると、HTMLページの制作速度が3倍に上がるAdobe Dreamweaver（以下、Dreamweaver）の裏技をお伝えしていきます。新人Web担当者のキャシーに、僕がいろいろと教えていくスタイルで進めていきます。 今日、取り上げる機能 最終更新日の自動更新 簡易的な画像サイズの変更 画像が来ないとき、アタリ画像どうすればいい？ <br>の後で改行したくない！ 鷹野／Web制作会社に勤務。Dreamweaverとはバージョン1.2からのお付き合い。『
Dreamweaverとは Adobe Dreamweaver（以下、Dreamweaver）は、Webページを作成・更新・管理するためのソフトウェアです。Dreamweaverにはいくつかの編集モードがあり、コードビュー（HTMLコードやCSS、JavaScriptファイルなどコードを直接編集できる画面）、デザインビュー（Webページをブラウザで表示した形に近い状態で編集できる画面）の両方で編集できます。 さらに、Dreamweaver CS4で登場したライブビュー（レンダリングエンジンに利用しブラウザに非常に近い状態での表示確認ができる画面）では、SafariやGoogle Chromeと同じWebkitというレンダリングエンジンを採用しており、実際の画面を確認しつつ作業を進めることができます。 デザイナーにとっては、HTMLやCSSのコードをオートコンプリート（自動補完）してくれる機
Dreamweaver_CS3_Read_Me.pdf Windows では、CSS ファイルのサイズがちょうど 8192 バイト、16383 バイト、またはそれを超える特定のサイズである場合、強制終了する Windows では、CSS ファイルを編集してファイルサイズがちょうど 8192 バイトになるか、または 8191 バイト分だけ増加すると、Dreamweaver は強制終了します。また、CSS ファイルのサイズを変更するまで、Dreamweaver を起動することができません。ファイルサイズを変更するには、別のテキストエディタで CSSファイルを開き、スペースやタブなどの空白文字を含む 1 文字または 2 文字を挿入します。 DreamweaverでCSS書いてるときになぜか落ちるという話を聞いて、興味本位でググってみたらこんなのを見つけて、まさにビンゴでした。大きいわけでもないし
一定期間更新がないため広告を表示しています
会社のPCの壁紙テーマを猫に変えたら、たまーに仕事中ニヤニヤするようになりました。hakoishiです。 怪しい者じゃないです。 さて、今回はExcelとDreamweaverの合わせ技でちょっと楽してコーディングする方法をまとめました。 Excelで整形してDreamweaverにコピペして調整、という流れです。 どういう時に便利？ 大きく分けて2つあります。 【パターン1】セル数が多いテーブルを大掛かりに改修する場合 ⇒例：製品のスペック表、スクールの講座一覧など 【パターン2】連番のリンク先や画像名を含み、繰り返しの多いソースの編集 ⇒例：一覧リストなど エクセルはテーブル（特に縦方向）や、連番の付与といった類の編集に強く、そして軽い。（Dreamweaverのテーブル編集、もたつきますよね。。） 全てをDreamweaverで完結させようとせず、Excelを経由する手もあると覚えて
チーム内のももクロ旋風が留まるところを知りません。 まだメンバーの顔と名前覚えきってないんだけどそんなこと言えないhakoishiです。がんばります。 さて、本日はDreamweaverの使い勝手をちょこっとだけ底上げしてくれる拡張機能を5つほどご紹介します。 Zen Coding これはもう、いわずもがなですね。コーディング効率大幅アップ。 下記よりDreamweaver用のファイルを選択してDLしてください。 Downloads - zen-coding 閉じタグコメントを挿入 「コマンド」メニュー⇒「閉じタグコメントを挿入」で閉じタグコメントを自動で挿入してくれます。 ID・classも自動的に拾ってくれるので、構造のチェックにも便利。 コメントを生成して挿入するDreamweaver用の拡張機能を作成しました Dreamweaver CS5 Validator 「結果」パネル⇒「バ
コーディングを早くすると言えば超速コーディングとして話題になった「Zen-Coding」がありますが、記述方法を覚えなければいけないのもあって及び腰な人も多いのではないでしょうか（私です）。 私はコーディングする際は先にテキストをコピーしてもってきてからタグで囲むので、このような使い方をしてるとあまりZen-Codingは使わないのかなと思います。【追記】調べたら囲んだあとにもできました。Wrap with Abbreviationを選択し、ウインドウが出てくるのでそこにzen-codingの記述をすればいいです。ご指摘ありがとうございました。 覚えてしまえば早くなりそうですが、そこまでなーと思う人がちょこっとスピードアップできることをよく使っているDreamweaverの機能をご紹介します。 特に新しい事ではなく元から付いてる便利な機能のご紹介です。 スニペットを使う よく使うコードを登
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
2017年6月29日 便利ツール Webサイトを制作する時のWebオーサリングツール・HTMLエディタは何を使用していますか？きっと多くの人がDreamweaverを使っていると思います。私もそうでした。が、最近私のまわりのWebデザイナーがみんなCodaというソフトを使っているのに気づき、試したところ、あまりにも使い勝手がいいので紹介します。本当におすすめです！ ↑私が10年以上利用している会計ソフト！ Codaの特徴を簡単に 詳しい説明はリンクをクリックでジャンプします。 Mac専用 美しいビジュアル 便利なプレビュー画面 PHPやJavaScriptの動作確認も 素早いタグ打ちが可能 有料 8,500円 はい、Mac専用なんです。このブログを読んでいるユーザーの70%がPC使用なのでこれを記事にするか悩みましたが、Mac愛用者さんに向けて！ちなみに私はCoda英語版をインストールして
Dreamweaverの検索と置換って何気に凄い。 色々出来る中でもかなり便利だと思う正規表現を使った置換のサンプルを挙げてみる。 スパゲッティなソースの修正も、これと特定のタグ検索知ってれば作業スピードが格段に上がるかも。 「特定のタグ」で出来るじゃんというのも中にはありますが、正規表現を使うことに意味があるので突っ込みは受け付けませんｗ 微妙に間違ってたところ修正入れつつ加筆。 Dreamweaverで正規表現を使うには？ Ctrl+F（コマンド+F）押して表示されるダイアログの右下にある正規表現を使用にチェックを入れるだけです。 テキストを維持したままタグを減らしつつ変更 ＨＴＭＬ→ＸＨＴＭＬで一番多い作業がこれだと思う 置換対象： <td width="397"><font size="2">テキスト</font></td> 置換後： <th scope="row">テキスト</t
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で、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テンプレートが選択できるようになる。各テンプレートには、アップルのデザインガイ
Photoshop/illustrator/Dreamweaver/カラー等Webデザイナー向け便利チートシート集 2008年09月09日- Useful Cheat Sheets for Web Designers - Six Revisions Cheat sheets (also known as reference cards, reference sheets, etc.) not only helps you remember things quickly, but can also serve as wall decoration for your workspace. Photoshop/illustrator/Dreamweaver/カラー等Webデザイナー向け便利チートシート集 Photoshop CS3 Keyboard Shortcuts Cheat Sheet P
若葉のDreamweaver入門は、Macromadia Dreamweaverを使用してのＷＥＢサイト作成法を、主に初心者向けに解説しているサイトです。「若葉のDreamweaver入門」は主に初心者の方を対象に、「Macromedia Dreamweaver」を使用してＷＥＢサイトを作成する方法を解説しているサイトです。 Dreamweaver のバージョンは「Dreamweaver MX」を基本に解説していますが、ＭＸ以前のバージョンもフォローしています。 何かしら Dreamweaver ユーザーの方のお力になれれば幸いであります。(^-^ゞ しばらく放置状態が続いていましたが、 現在、サイトのリニューアルを計画中です。 まだしばらく時間はかかりますが、 Dreamweaverの最新バージョンに合わせて サイトの内容を変更するつもり。 目下、奮闘中であります！(^_^
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
