タグ

compassに関するnastomaのブックマーク (3)

  • Mac 取り急ぎのセットアップメモ - kinalog

    先日、会社のPCが非常に重たかったため、新しいPCにお引っ越しした。 あーだこーだやってたら結局半日ぐらいかかってしまった。 今後のために、Macを新規にインストールしたときに、取り急ぎコーディング作業が出来る程度までにするときのメモ。 内容はすべてMavericks環境下。 1. App Storeから購入済みアプリをインストール とりあえず必要になるのはForkLiftとXcode。 ForkLift - File Manager and FTP/SFTP/WebDAV/Amazon S3 client BinaryNights仕事効率化¥2,400 Xcode Apple開発ツール無料 XcodeのCommand Line Developer Toolsがほしいので、インストールしたら起動して、 Command Line Developer Toolsのダウンロードをするんだけど、昔

    Mac 取り急ぎのセットアップメモ - kinalog
  • Compass のミックスイン | Web Design Leaves

    CSS3 モジュール CSS3 モジュールは、ベンダープレフィックスや、ブラウザの下位バージョンに対応するプロパティを書き出してくれる。 関連項目 ベンダープレフィックスのオン・オフ レガシーブラウザの対応のオン・オフ border-radius() 角丸 Compass/border-radius 書式: border-radius($radius) $radius(角丸の半径):値を指定しない場合は、デフォルトの 5px になる( $default-border-radius: 5px ) 値が1つ:一括指定 値が2つ: 左上と右下 右上と左下 値が3つ: 左上 右上と左下 右下 値が4つ: 左上 右上 右下 左下 //一括指定 .simple { @include border-radius(10px); } // 左上と右下 右上と左下 .compound { @include b

  • コーディング速度を3倍早くするSass(Scss)のフレームワーク”Compass”が本当に便利 |https://wp.yat-net.com/name

    2012年 10月 31日 コーディング速度を3倍早くするSass(Scss)のフレームワーク”Compass”が当に便利 カテゴリ: Sass タグ:CodingSassScssコーディング効率化 \ CSSのメタ言語Sass(Scss)。これ使うと凄く便利でコーディングスピードが上がるんですが、これをより便利に使えるようにしたフレームワークのCompassがもの凄く便利なので記事にしました。赤い彗星みたいなタイトルになってますが、使いこなせばかなり早くなります。 1.Compassとは 2.インストール 3.初期設定 4.Sass(Scss)ファイルをCSSファイルに 5.実際に作る 6.参考文献 compassとは オープンソースのCSSオーサリングフレームワークです。Sassがベースになっており、mixinで予めベンダープレフィックスが定義されていたりと、Sassをより便利に使え

    コーディング速度を3倍早くするSass(Scss)のフレームワーク”Compass”が本当に便利 |https://wp.yat-net.com/name
  • 1