タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

RubyとCSSとCompassに関するluccafortのブックマーク (2)

  • WEBデザイナー/コーダーでも15分で導入出来るSCSS+Compass

    こんにちは、鴨田です。 最近、チラホラとSCSSの記事を見かけるようになり、 どう考えても導入しない理由がないので、始めてみました。 もろもろのインストールから、コーディング開始まで15分もあれば十分ですので、 是非、みなさまも導入してみてください。 筆者、Windows環境なので、Windowsでの導入手順になります。 ● Rubyのインストール SCSS+Compassの動作(コンパイル)環境はRubyなので、 まずはRubyをインストールします。 RubyInstaller for Windows 2013年2月26日現在、最新版は2.0.0なので、こちらをインストールします。 2.0系列ですが、安定版なので、特に問題ありません。 ダウンロード後、インストーラーを起動して、そのまま進めていってください。 途中で一つだけ注意点があります。 保存先とPATHの設定という画面まで来たら、

    WEBデザイナー/コーダーでも15分で導入出来るSCSS+Compass
  • コーディング速度を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
    luccafort
    luccafort 2012/11/01
    最近いろんなとこでCompassとかSassの名前を目にするなぁ。
  • 1