タグ

Sassに関するAmaiSaetaのブックマーク (7)

  • Sassの--precisionオプション

    3.2以降のSassでは計算結果が少数になる場合、小数点以下5桁まで出すようになっている(それまでは3桁)。そこで--precisionオプションで小数部分の桁を制限してやることにより、ここくらいのコンパクトなCSSファイルでも0.5KB程度は節約できる。 0.5KBと言われるとやるだけ無駄感があるけど、規模が大きくなれば節約できるサイズはそれなりに増えるし、デメリットはあまりないのでやらないよりはやった方が良いような気がする。 3桁に制限したい場合は--precisionオプションで3を指定する。 $ sass --watch style.scss:style.css --precision 3 最後の桁は四捨五入される。3桁より下にもできるけど、3桁残すことにするとem単位でも1/100の詳細度が四捨五入されても正確になるので、最低でも3桁は残した方が無難。 ブラウザーごとに小数点の丸

    Sassの--precisionオプション
  • パフォーマンスからみるSass/Compass 第2回:CompassによるCSS Sprite - MOL

    Sass、Less、StylusなどCSS Preprocessorに関するAdvent Calendarです。― CSS Preprocessor Advent Calendar 2012 - Adventar パフォーマンスの勉強ができてなおかつSass/Compassのお勉強にもなるお得なシリーズまさかの2回目。Adventにぶつけてきた!ややもするとシリーズものの2作目というのは駄作になりがちだが、そんなプレッシャーはねのけて乱反射!やっていくYO! これまでの: パフォーマンスからみるSass/Compass 第1回:Nestingと@import - MOL パフォーマンスからみるSass/Compass 番外編:MSは青かった - MOL CSS Spriteの利点・欠点 『ハイパフォーマンスWebサイト』の書籍には「高速サイトを実現する14のルール」というものがある。その中

  • Sass: Documentation

    Sass is a stylesheet language that’s compiled to CSS. It allows you to use variables, nested rules, mixins, functions, and more, all with a fully CSS-compatible syntax. Sass helps keep large stylesheets well-organized and makes it easy to share design within and across projects. If you’re looking for an introduction to Sass, check out the tutorial. If you want to look up a built-in Sass function,

  • Sass: Syntactically Awesome Style Sheets

    Sass is the most mature, stable, and powerful professional grade CSS extension language in the world. CSS Compatible Sass is completely compatible with all versions of CSS. We take this compatibility seriously, so that you can seamlessly use any available CSS libraries. Feature Rich Sass boasts more features and abilities than any other CSS extension language out there. The Sass Core Team has work

    AmaiSaeta
    AmaiSaeta 2012/02/17
    CSSをより簡潔に記述できるように+いろいろ機能の追加。 | 個人的にはCSSライクに書けるSCSS記法の方が好み。
  • Sass実戦導入への後押し | graphic designer saucer

    Less & Sass Advent calendar 2011の7日目です。 勢いで参加登録をしたのは良いのですが、記事を投稿するBlogをもっていなかったため自作しました。 はい。完全にスタートの仕方を間違いました…おかげで超大変でしたBlog作るのが。 heroku + padrino + postgresql にてかろうじて動いております。 さて、前回までのみなさんの記事で、Sassの概要や導入方法、ベンダープリフィックスを気にすることなく開発が進められる有用性、便利なfunction methodなど、Sass/Lessの良さ感じていただけたかと思いますが、この投稿ではSassの実戦導入に向けて、もうちょっとだけ背中をそっと押せる内容を書いてみようかと思います。 実際、僕もSassを導入するか検討していた時期に心配していた事だったりします。 「Sassって便利なのは解るけど、コン

  • compass-style.org is almost here!

    The owner of this domain has not yet uploaded their website.

  • 楽しいCSSこと「Sass」の3.1が異様な進化:Rails Hub情報局:エンジニアライフ

    HamlとSassのバージョン3.1が4月24日にリリースされました。元々両者は同じプロジェクトだったのですが、今回のリリースから別々のgemとなり、インストールも別にできるようになりました。 Hamlはインデントを使ってシンプルにHTMLを生成できるテンプレートエンジン。SassはHamlとセットで誕生した、インデントを使ってCSSをシンプルに書ける独自のスタイル指定言語です。CSSを書くのが苦痛じゃなくて、楽しくなるという触れ込みです。 Hamlのほうは、今回はSassの分離が大きなトピックである以外は変化はありません。変化が大きいのは「Brainy Betty」と名付けられたSass 3.1.0のほうです(brainyって脳みそが詰まっていて頭が良いという意味ですね。変な名前を付ける人たちです……。Sass自体も、生意気な女という意味で使われる「sassy girl」にかけているんだ

    楽しいCSSこと「Sass」の3.1が異様な進化:Rails Hub情報局:エンジニアライフ
  • 1