Sassをmac dreamweaverで使えるようにしたい

一個前の記事につながるが、今度はmacでsassの環境を作ろうとしてつまづいた。

・MMDocumentTypes.xml
・Extensions.txt

をファインダーで探してscssを追加〜、さてドリ起動。
あれ、scssファイルを認識していない。

finderで見つけた上記2ファイルは何度見ても更新ずみ。
グーグル先生に質問をして回答してくれたサイトがこれ。

http://k0u1.com/blog/archives/662

場合によって隠しファイルになっている場合があるらしいです。

SassでCompassのWindows -31Jエラーが出たときの対応(Ruby 2.0向けかも)

数時間悩んでシステムの友達とSkypeしながらようやくCompassがエラーを吐かなくなりました。

Sassでfont familyなどに日本語が入っているとWindowdでは
---------------------------
Encoding::UndefinedConversionError on line [“654”] of C: “\xEF\xBC” from Windows
-31J to UTF-8
---------------------------
的なエラーが出るようです。

色々なサイトを見てみると、コマンドプロンプトで
set RUBYOPT=-EUTF-8
と打てば解決といった人もいますが、自分はなぜか解決せず(知識ないせいでもある)

次に、システム環境変数のLANGを修正すればいいのだ!という記事を見つけたので試す。
システム環境変数は コンパネで環境変数と検索かければ出てきます。
で、詳細設定の「環境変数」をクリックするとユーザー用の変数を入れるところと、システムで入れるところが出ます。
ここは恐らく好みで大丈夫。
よし!LANGという変数を設定して値がja_JP.UTF-8でいける!!

と思ったがやはり無理。

そういえばどこかのサイトでRUBYOPTという変数を設定すればいけるという記事を見かけた。
んじゃLANGは削除して、RUBYOPTに「-EUTF-8」を入れて再起動(ログオフしてログインでもOKみたい)!

そしてKoalaを起動してコンパイルしてみたら・・・・
イケターーーーーーーーー!

ということでもしこんな記事が役に立ったら嬉しいですね。

 

--------------
追記です 2015/1/2

koalaをバージョンアップしたら同じ現象が再発。
今度はkoalaが参照しているディレクトリまでのパスの中に日本語が入っているとエラーが出てしまった。
簡単な回避法としてはディレクトリ名に2バイト文字を使用しないこと。

DreamweaverをSCSSに対応させたいけど困った場合

SCSSをDreamweaverに認識させるために、「Extensions.txt」と「MMDocumentTypes.xml」というファイルをごにょごにょする必要がある。

参考サイトを頼りに書き換えてみるも、反映されず。

そういった場合はProgramfile内の上記2ファイル名で検索をかけると、実は他にも同じ名前のファイルがある。
ので、それも一緒に変更を加えると幸せになれるようですよ。

参考サイト
http://k0u1.com/blog/archives/662

[追記]
マーベリックにして再度挑戦したけど上に書いてあることだけでは結局わからなかったので追記。
隠しファイルを絶対に修正しないとDreamweaverは対応しないと肝に銘じつつ。
隠しファイルを見つけるには、mac上部メニューバーの移動にマウスをあわせつつoptionを押す→隠しファイル置き場の「ライブラリ」が表示される。後はapplication support > Adobe > Dreamweaver CS6と行った感じに階層をおりていけば 「Extensions.txt」と「MMDocumentTypes.xml」は見つかる!!

レスポンシブルデザインで背景の高さ調整できなくない?

レスポンシブルで背景の横幅を100%にしたら高さの調整がうまくいかない事がよくある。

そんなときにもしかしたら役に立つかもしれないCSSがvh vw 。
魔法のCSSではないがうまく行けば役に立つかもしれないので備忘録。

もしくはクロップしちゃって、トリミング的な。
http://designshack.net/tutorialexamples/focalpoint/index.html

デザイナーさんもレスポンシブルを理解しないとこういう苦労が多々発生してしまうね。

参考にさせていただいたサイト。
http://hai3.net/blog/2013/01/07/css-vmin/
http://unformedbuilding.com/articles/learn-about-vw-vh-vm/