はてなブックマーク

ソウラブログまたはソウラボログ。WebとかのBlog。（＾ω＾）ﾍﾟﾛﾍﾟﾛDesignSpiceさんのmacでweb制作するなら入れておきたいQuick Lookプラグイン10選を見てQuickLookをいろいろカスタマイズしてました。フォルダや、Zipファイルの中身が見えたり便利。 そのなかでもQuickLookのコードをシンタックスハイライトしてくれる「QLColorCode」というプラグインがいい。コードが非常に見やすい。 でも「QLColorCode」というプラグイン。これだと残念ながらSassファイルは黒いままでした。 で、探したら「QLColorCode-exrta」っていうのがあってそれを使うをSassもSCSSにも色がつきました。やったね。 LessやHamlもこれで対応できるみたいです。 プラグインの追加方法 ・ユーザー全体なら /Library/QuickLo

ソウラブログまたはソウラボログ。WebなどのBlog。多分。Chromeバージョン27がリリースされSassのソースマップに対応しました。 ソースマップとはコンパイルされたりMinifyされた元の位置を教えてくれるファイルです。 jQueryも対応したりしたアレです。私は主にSassで使用しています。 ソースマップの出力方法 Sassは時期のバージョン3.3より対応しています。現在はアルファ版をインストールすることで使えます。 使用するには–sourcemapオプションを使います。 $ sass --sourcemap input.scss:output.css こんな感じでソースマップオプションを付けるだけ。 これでコンパイルすれば上記例だと「output.css.map」というMapファイルが生成します。 ブラウザの設定方法 Chromeもそのまんまでは使えなくてデベロッパーツー