タグ

ブックマーク / www.anothersky.jp (3)

  • Sass 3.4 rc1の新機能を見てみた

    今朝TwitterのTLを見ていると、Sass 3.4に関する話題が目に入りました。Githubを見てみると、2014年7月12日にmasterブランチがBump VERSION to 3.4.0.rc.1されています。 doc-src/SASS_CHANGELOG.mdを見ると詳細が書かれていましたので、少し確認してみました。また、Sass Bites #44 - Sass 3.4 Preview という動画もありましたので、これも視聴してみました。 SassScriptで&が利用可能に Sass 3.3までは、&はセレクタ内でのみ利用可能でしたが、Sass 3.4ではSassScriptでも利用可能になったようです。 Sass Changelogにあるように$selectorに&を代入し、inspect($selector)とすると、.foo.bar .baz.bang, .bip.q

    ofsilvers
    ofsilvers 2014/07/27
  • Grunt.jsでCSSの整形を行うgrunt-cssprettyを公開

    一昨日実験を行ったCSSプリプロセッサやポストプロセッサで出力されたCSSの整形をGrunt.jsで実行できるプラグイン、grunt-cssprettyを作成しましたので日公開いたします。 使用方法 npm install --save-dev grunt-cssprettyを実行し、プラグインをインストールします。その後、gruntfile.jsやgruntfile.coffeeにて設定を行います。 オプション解説 以下のオプションが設定可能です。変更が必要なオプションのみ記載して下さい。記述がないオプションは、srcで指定されたCSSファイルのフォーマットでそのまま出力されます(そのため、ほぼ全てのプロパティに初期値を指定していません)。 なお、''は改行も空白も入れないことを意味しますので注意して下さい。 decl.before 型 String 初期値 なし CSSプロパティ名の

    ofsilvers
    ofsilvers 2014/02/23
  • gulpでSassのコンパイルやlivereloadなどを試してみた

    ※過去記事のメンテナンスは通常やっていないのですが(当時の記録を残す意味でも)、最近閲覧してくださる方も多いので、研究も兼ねて2014年7月23日に少し追記等を行いました。 ※2015年2月に書き直したgulpfileを、「My gulpfile.coffee (Early 2015) でSassのコンパイルとか」で紹介しています。 ※gulp-ruby-sassの記述方式の変更について追記しました。 2012年にGruntを知ってから便利に使わせてもらっていますが、最近話題になっているgulp.js(以下gulp)を試してみました。今のところGruntには大きな不満はないのですが、万が一に備えて代替手段を用意しておく方が良いと考えていること、そしてGetting started with gulp -- Mark Goodyear — Front-end developer and de

    ofsilvers
    ofsilvers 2014/02/08
  • 1