Windows環境でSCSS(Sass)とCompassをインストールしてNetbeansから触ってみる

LESS書いてて一番面倒なのがvendor prefixですね。-webkit-, -moz-, -ms-, -o-,と書いても良いのですがとにかく面倒(それでもCSS書くより遥かに良いですが)。「LESS Prefixer使えばいいじゃない」と言われそうな気もしますが、折角の機会なのでWindows環境にSCSS(Sass)とCompassをインストールして、Netbeansからサササッとコンパイルできる環境を整えていこうと思います。

Continue reading

よろしければSNSでシェアしてください!

LESSでDebug用のstyleを適用させる

装飾にデバッグ?(゚Д゚)ハァ?と思われるかも知れませんが、styleを作る時に「一時的に強制的にhoverのstyleにしておきたい」とか「強制的にdisplay: blockにしておきたい」とかあると思うのです。具体例を上げるとul/liを横並びにしてMenuを作る時とかですかね。ChromeならDeveloper toolsでポチポチやれば解決できなくは無いですが、一々ポチポチするのが面倒なので、LESSの方で吸収したいと思います。

Continue reading

よろしければSNSでシェアしてください!

LESSコンパイラをNetBeansから使えるようにしてみる

開発環境が整ってきたところで、LESSのコンパイラも用意していきましょう。今回はLESSコンパイラのインストールとNetBeansで使えるように設定をしていきます。今回も手順通りに進めていけば問題なく完了するので、順々にやっていきましょう。

Continue reading

よろしければSNSでシェアしてください!