DreamweaverのタブをhtmlとCSSとで分けて2窓にすると幸せになった | Garney.Web

DreamweaverのタブをhtmlとCSSとで分けて2窓にすると幸せになった

スポンサーリンク

20150421_3

いつも面倒なことは、どうにかこうにかして楽できないか考えており、もはや仕事よりもそっちの方が大事だったりする。だって面倒なんだもん。今日はいつもお世話になっているAdobeのDreamweaverで、コーディングを如何にさぼ・・楽にできないか考えていました。ほんで、何が結果楽になったのか?と言うと。

スタイルシートを書くときに、いちいちHTMLとCSSファイルを行き来するのが面倒くさいから楽しちゃおうぜ

20150421_4

そこが今一番手っ取り早く考えたら楽できそうなことかなと思ったので考えてみた。面倒くさくないですか?HTMLとCSSファイルの間をいちいちタブを切り替えて移動するのって。HTMLとJS、CSSとJSはそんなに面倒に感じない(HTMLとCSSファイル間のやりとりと比べると、あんまり各ファイル間の行き来をしないから)
だから、どうにかしたかった。何度も何度もタブを切り替えて、たまに間違えてバツボタン押しちゃってファイル閉じちゃったりして、「うぁあああああ!!」って叫びたくなる。いや、叫んだ。忙しい時ほど、時間が迫っている時ほど。ショートカット使えよって話だが、自分はあのタブ切り替えのショートカットがむしろ使いにくい。

20150421_1

そこでだ。HTMLファイと、CSSファイルのタブを切り離して2窓にしたったのだ!。こんな感じにな!!するとどうだろう、1つの窓は狭くなったが、互いのファイルのやりとりはかなりスムーズになったではないか。

20150421_2

※CS5.5では、タブをドラッグして2窓にすることが出来なかったので、ウィンドウ→上下に並べて表示。あるいは左右に並べ表示を選択する。

例えばこんなHTMLコードがあるとする。

<div class="contents">
    <nav>
        <div class="menu_block">
            <div class="menu_inner">
                <ul>
                    <li>menu1</li>
                    <li>menu2</li>
                    <li>menu3</li>
                    <li>menu4</li>
                </ul>
            </div>
        </div>
    </nav>
</div>

この時クラス名contentsのスタイルを変更するために、CSSファイルへ移動して記述する。次にmenu_blockのスタイルを変更する為に再度CSSファイルへ移動して記述する。そしてそしてmenu_innerのスタイルを変更するために・・・と続く。

このクラス名、頭で全て覚えきれていれば別に問題はないですが、そんな良い頭を持っていない自分には無理です。例にあるclass名は3つしかないしさすがに覚えられるが、実際は何十個もclass名が登場する。そんなの覚えれないでしょう。だから1つclass名をコピーしたら、cssファイルへ移動してペーストし、スタイルを記述する。そしてhtmlファイルに戻りまたclass名をコピーしてを繰り返す。

このhtmlとcssファイル間のやりとりが積もり積もって面倒くさい。だからタブを切り替えずにclassやidのコピーペーストが出来るのは大きい。さぁ、タブ切替とか腱鞘炎を加速するようなやり方は止めて2窓にしちゃおうぜ。レッツ2窓ライフ!

もっと自転車旅を知りたい人向け有料マガジンやってます。

もっと自転車旅を知りたい人向け!
有料マガジンやってます。

自転車世界一周マガジンについて詳しくはこちら

スポンサーリンク

フォローする

ツイッターやっています。


Profile

プロフィール

Profile びゃす

名前 びゃす
現在自転車で世界中旅しています。
スタートはアメリカ合衆国アラスカ州。
南米最南端を目指して毎日ひたすら前進中!。

自転車を漕ぎ、見た世界について感じたことをブログで発信しています。
詳しいProfileはこちら


Instagram
follow us in feedly
Followボタンからお気に入りブログを
登録する方法