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

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

Continue reading

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

WordPressで独自のWidgetを作ってみる

WordPressを使っていて、functions.phpに処理書いてshortcode登録してビジュアルエディタにshortcodeをペタッ。よくやると思いますが、夏だしそろそろ一皮向けてshortcodeペタッ!から脱しても良いのではないかと思います。ということで、独自のWidgetをプラグイン形式で作って行こうと思います。

Continue reading

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

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

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

Continue reading

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