楽してコーディング！Dreamweaverのテクニックいろいろ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのハルエです。 以前のブログで、Dreamweaverのオススメ拡張機能についていくつか紹介させていただいたのですが、今回はDreamweaverに標準搭載されている隠れた便利機能についてご紹介させていただきます。 CS6から導入されてまだまだ浸透されていない機能や、搭載歴は長いのにあまり知られないまま謙虚に過ごしている機能がたくさんあると思うんです。 CSSトランジション Dreamweaver CS6のCSSトランジションを使用すると、CSS3によるtransition効果がコードを記述することなく簡単に設定できます。 ベンダープレフィックス(-webkit-など)も自動で生成してくれます。 使用手順 1.［ウィンドウ］→［CSSトランジション］パネルを開き、追加ボタン［＋］をクリックします。(htmlファイルを選択した状態にしておかないと、選択できません。) 2
DreamweaverでCSSをコードフォーマットした時にルール間に空白行を入れる設定方法 – bl6.jp
Dreamweaverを使っていて、CSSをコードフォーマットした時に自動でルール間に空白行を入れるようにする設定方法をメモしときます。1行空白が入ることで個人的にはとても見やすく感じます。「ソースフォーマットの適用」のアイコンをクリックするだけで全部のルール間に空白が入るので楽ですね。 [ads_center] 環境設定 上部メニューから「Dreamweaver」→「環境設定」をクリックします。Macをお使いの方は「コマンドキー + uキー」でも開くことができます。 左のカテゴリ一覧から「コードフォーマット」を選択し、「高度なフォーマット」にある「CSS」をクリックします。 そうすると、「ルール間に空白行」という項目があるのでこれにチェックを付けます。 これで、プレビューにあるようにルール間に空白行が挿入されます。 実際に使う場合は、CSSファイルを開いている状態で「ソースフォーマットの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
