タグ

dreamweaverとscssに関するmagotoraのブックマーク (2)

  • SCSSファイルをDreamweaverで編集する方法。 | k0u1.com

    前回と前々回の記事でSassとCompassを紹介しました。 今回はDreamweaverでSCSSファイルをCSSファイルのように編集する方法を紹介します! 僕はWindows環境でもMac環境でもできたので両方とも参考になれば、と思います。 DreamweaverのバージョンはCS5.5とCS6は確認済みです。 DreamweaverでSCSSファイルを開けるようにする 「.scss」という拡張子をDreamweaverで開こうとしても「このファイルはDreamweaverで開くことができません」的なことを言われてしまうと思うので、最初はDreamweaverにSCSSファイルを認識してもらいましょう。 この項目はWindowsMac共に共通です。 Dreamweaverの環境設定から「ファイルタイプ/エディター」を選択します。 「コードビューで開く」という項目があると思

  • Sass を Win + Dreamweaver 環境で使えるようにする | Agnist.code

    Win+Dreamweaver(以下DW)環境でSassを使えるようにし、初歩をかじって理解まで出来る、自分の中では最も簡単なクイックガイドです。30分後には貴方もSassを扱えるようになってます。 Scoutのインストールhttp://mhs.github.com/scout-app/ 上記よりダウンロードしインストールする。 Scoutの初期設定適当なプロジェクトフォルダを作成。例として「scout_test」 ※ディレクトリパスに日語など2バイト文字が含まれるとエラーが出るため注意プロジェクトフォルダの中に「css」「scss」のフォルダを作成Scoutを起動し、左下の「+」ボタンをクリック作成したプロジェクトフォルダを指定する。「Configure」画面の「Input Folder」に「scss」フォルダを指定「Configure」画面の「Output Folder」に「css

  • 1