【やぁみんな】CSS3のanimationを使ってみる【久しぶり!】

どうも、1年半ぶりに当たったpearmasterです
確変に入ってしまったかとガクブルしております・笑

他愛のない話をしようかと思いましたが手元に写真が無かったのでこれでお茶を濁してみます

続きを読む 【やぁみんな】CSS3のanimationを使ってみる【久しぶり!】

Sassの流れでcompass

Kameです。

Sassからの流れでcompassを触ってみましたが、少し触って「ちょっと使い辛いな」と思い封印してきました。
しかしよくよく考えてみると便利なところもあるなと思ったのでもう一度調べてみることにしました。
その中で自分なりに思ったメリット・デメリットをつらつら書いていこうと思います。

compass create

ターミナル上で

compass create

コマンドを実行すると現在のディレクトリに自動的にSassでCSSを書いていく際のディレクトリ・ファイルが生成されます。

├── config.rb
├── sass
│   ├── ie.scss
│   ├── print.scss
│   └── screen.scss
└── stylesheets
    ├── ie.css
    ├── print.css
    └── screen.css

デフォルトでは上記のような形です。

このディレクトリ名はオプションやcreateで一緒に生成されるconfig.rbの設定で変更できるのですが、この辺りが少し使い辛いなーと感じてしまいました。
チームでcompassを利用していく際はconfig.rbを共有して使い回すのがよろしいかと。

compass watch

Sassだけでscssファイルをwatchする場合は

sass --watch sass -t expanded

のようにコマンドを実行しなければならないですが、compassの場合はconfig.rbでディレクトリと吐き出すスタイルを設定しておけば

compass watch

だけでwatchさせることができます。
こちらは地味にいい機能。

様々なimport

Mixin等を社内で作って共有していく動きもありますが、Compassの場合は様々よく使うようなものをデフォルトで用意してくれています。CSS3系、ユーティリティ系等々・・・
後はそれらをscssファイル内で

@import "hoge"

してやれば使えるようになります。importできるものはこちらあたりに書かれているようです。

ただしこちらも便利と言えば便利なのですが、resetやclearfixなどを利用する場合は用意されているものが個人の好みに合うかどうかが問題です。
僕としてはあまり気に入らないものが多かったため、自分たちで用意したものを使うのが良いかと思いました。

まとめ

config.rbをあらかじめ用意しておいてcreateしてwatchするのは便利だなと思うのですが、用意されているMixin系があまり魅力的ではなかったため「よしcompassやるぞ!」とはなれませんでした。
Mixinなどはcompassのを参考に自分たちでカスタマイズするのがいいと思います。

ただ今回調べてみますと他にも便利そうな機能が様々ありそうだったので、今後も調査続行です。

Sass 3.2における考察

愚地独歩が家にやってきました。Kameです。

最近Sassが社内で熱くなってきているので今回はSassの話題。
アライさんよりSass 3.2が出たという噂を聞いたのでちょっと見てみました。
いろんなところで新機能まとめは出ているのでそちらを参照してもらうとして、
僕はそれに対する「こんな場面で使えるかな」といったちょっとした考察をしてみました。

続きを読む Sass 3.2における考察

頭のいい人のSASSテクニック集。

本当は別の記事を用意していたのですが、
サンプル作るのに思ったより時間がかかったため、急遽別のネタに差し替えることになりました松井です。
来月ちゃんとプレゼンできるか心配です。

SASSはとっても便利なのですが、
mixinやextendをある程度うまく使いこなすにはそれなりの技術とセンスがいるような気がします・・・
実際作ろうとしてみてもさっぱりだったので、
ネットに落ちてる良さげなのをいくつかまとめました。

続きを読む 頭のいい人のSASSテクニック集。

【罪と罰 その6】オレとサス その4

マクドナルドにて「チーズバーガーのチーズ抜きをご注文のお客様」と呼ばれていたのを、
どうせ罰ゲームだなと思って見ていると普通の子連れ主婦がきて4度見くらいしてしまったKameです。

今回はなんと奇跡のオレサス その4です。

前回Functionsの話をしましたが、自分でも何か作ってみようと思い、簡単なものを作ってみた次第です。
だいぶ前のボスの記事【忘備録】パーセントでフォントサイズを指定する時に便利なやつで紹介されていたフォントサイズの指定を、
Functionで表も見ないで簡単に指定できるようにしてみました。

続きを読む 【罪と罰 その6】オレとサス その4