タグ

SCSSに関するagektmrのブックマーク (2)

  • Sublime Text 2でコンパイル編 | クラスメソッド開発ブログ

    はじめに このシリーズ「すぐに使えるSCSS入門シリーズ」ではScoutを使ってコンパイルしてきました。 最近Sublime Text 2のライセンスも買って、格的に使い始めました。 そこで、今回はSublime Text 2(Windows, Mac)を使ってコンパイルする方法を調べたので、まとめて紹介したいと思います。 この記事ではデザイナーに苦手な人が多いかもしれない黒い画面「コマンドプロンプトとターミナル」を利用します。 難しいんじゃないかと思うかもしれませんが、是非挑戦してみてください。そのうち大したことしてないじゃんと思えるようになります。 主な流れ 主な流れはこんな感じで、最初に黒い画面でコマンドを入力していきます。 それが終わればSublime Text 2の設定を行い、コンパイルを試します。 Rybyのインストール インストールの確認とコンソール Sassのインストール

  • 【Webデザイナ-・コーダー向け】すぐに使えるSCSS入門|設定ファイルを知っておこう – 番外編 | DevelopersIO

    はじめに 前回の記事「【Webデザイナ-・コーダー向け】すぐに使えるSCSS入門|Mixinsを作ってみよう編」「すぐに使えるSCSS入門シリーズ」でSCSS・Compassの一般的な機能の紹介をしてきました。 今回は番外編としてSCSS, Compassの設定ファイルについて紹介したいと思います。 設定ファイルで何をするか? CompassにはスタイルシートやJavascript、画像・フォントに関する処理があります。 これらは基的に設定をいじらなくても利用できますが、サーバーの環境や利用するCMSなどによってパスを制御する必要がある時に設定ファイルから出力するパスを制御することができます。 どんな設定項目があるか? 家の設定に関するリファレンスはこちら「Configuration Reference」、はい英語です。 ですが、ななんとすでに日語の超訳 Configuration

  • 1