2013年2月22日のブックマーク (3件)

  • sassを使ってCSSのめんどくさい繰り返し部分を楽に記述する | CSS-EBLOG

    sassを使ってCSSのめんどくさい繰り返し部分を楽に記述する カテゴリ:sass 2011年12月20日 22:45 この記事はLess & Sass Advent calendar 2011の20日目として書いている記事です。 sassを使った繰り返し処理の基 sassにはプログラム言語と同じような処理が存在します。 その中でも繰り返し処理をピックアップして、ちょっとめんどくさい処理を簡単にする方法をご紹介します。 単純な繰り返し処理 sassには繰り返し処理に使える文として、@each と @for があります。 JSなどではおなじみですね。 使い方も、他のプログラム言語のものと同じです。 @eachは指定したリストを順番に処理するもの、@forは指定した数値の間で繰り返し処理をするものです。 また繰り返しではありませんが、めんどくさい処理をまとめる、という意味で@function

    sanata0130
    sanata0130 2013/02/22
    font-size
  • ベンダープレフィックスの順序|Web Design KOJIKA17

    CSS3を扱う上でベンダープレフィックスの話題は外せません。 そのベンダープレフィックスの順序について書いてみます。 ベンダープレフィックスとは ベンダープレフィックス(vendor prefix)は、ブラウザが独自の拡張機能を実装、勧告候補前の仕様を先行実装する場合に、 将来的に仕様が変更されるリスクに備えて、プロパティや値につけられる識別子のことです。 その識別子は、ベンダー識別子(vendor identifier)によってブラウザの種類が付けられています。 主要なブラウザのベンダープレフィックス -webkit- Google Chrome、Safari、(Opera) -moz- Firefox -ms- Internet Explorer -o- Opera ただしCSS3などの仕様が勧告候補になった場合には、ブラウザベンダー側がベンダープレフィックスを外すことが推奨されていま

    ベンダープレフィックスの順序|Web Design KOJIKA17
    sanata0130
    sanata0130 2013/02/22
    vendor prefixまとめ
  • Gruntをv0.3からv0.4にアップデートした | jekylog

    2月18日に待望のGruntのv0.4が正式リリースされたので、公式ページに従ってアップデートしてみた。ちなみにWindows(Vista)とMac(OS X Mountain Lion)環境でアップデートしたけどNode.jsのインストール以外は全く同じだった。 まずは既存のv0.3をアンインストールする

    Gruntをv0.3からv0.4にアップデートした | jekylog