Coda2でプラグインを使わずにsassやcompassを使うメモ

  • このエントリーをはてなブックマークに追加
  • LINEで送る

[追記 / 2015-10-05]
OSX 10.11 El Capitanにアップデートしたら

なんていつもみたいに風にsassやcompassをインストールしようとすると

みたいなこと言われてインストール出来なくなってた。

どうやらRootlessってやつが働いてるからだそうな

OS X 10.11 El CapitanではOS Xの新たなセキュリティ整合性保護機能(SIP: System Integrity Protection)通称”Rootless”が導入されており、例え管理者権限(root)であっても”/System”, “/bin”, “/usr”, “/sbin”ディレクトリにファイルの作成が出来なくなっていますが、Appleは開発者向けにこのRootlessを操作するコマンド”csrutil”を提供しています

OS X 10.11 El Capitanのシステム保護機能「Rootless」を無効にするcsrutilコマンドの使い方。

とりあえず

と書いてインストール出来た。
[追記 / ここまで]


聞きかじったものをがっちゃんこなので間違えてたりおかしい事してるかも。

sass(scss)だけならプラグイン入れちゃえばすぐ使えるんだけど、まぁ手段が増えるのはいいことです。

Coda2からターミナルをlocalhostで開く

sassを使いたいディレクトリに移動しておく(ちゃんとサイト設定してれば不要

アップデート

Rubygemsをアップデート

sassをアップデート

compassをアップデート

バージョン確認

Rubygemsのバージョン確認

sassのバージョン確認

compassのバージョン確認

sassだけで使う

compassを使う準備

プロジェクトを作成する。
config.rb(compassの設定ファイル)が無ければ最初に作る

とりあえずconfig.rbとsassフォルダだけが作られます。

これが基本

あとはウォッチさせておけばいい

もしくは

参考

CSS書くならCompass使った方がいいよ。SASS使ってる人なら特に。

Compassを使用する準備 | Web制作者のためのSassの教科書 – 公式サポートサイト

Sassコマンドの使い方を覚えよう | Web制作者のためのSassの教科書 – 公式サポートサイト

CSS – 全容をざっくり理解するために、Sass+Compassの覚え書き – Qiita

CSSの常識が変わる!「Compass」の基礎から応用まで! | 株式会社LIG

  • このエントリーをはてなブックマークに追加
  • LINEで送る

SNSでもご購読できます。

コメント

  1. [url=http://www.bestevance.com/rolex/king/index.htm]18(78)は、ブローヴァ腕時計マンチェスターユナイテッド・クラブの分のマーカーは、1878年(明治11年)の日付は、緑と金で印刷されます。これは非常に賢い(と超便利)クラブの起源へのうなずきです。鉄道の接続を参照して、ダイヤルの間の12時間18分のマーカーの端のまわりで列車トラックの範囲を実行します。これは我々に思い出させました輸入部のランカシャーとヨークシャーのレール・システムによってマンチェスターの開発においては産業革命の間に。[/url]

  2. [url=http://www.bagkakaku.com/vuitton_bag/2/N55213.html]ジェイコブスーパーコピー 火星の本バージョンでは、プロットのとても多くがちょうど彼の機転によって生き残るためにしようとしです、彼の周りの材料と若干の非常に素晴らしい問題解決スキル。サバイバリストジャンル映画とショーは本当に人気があります、そして、そのカテゴリーの範囲内(ゾンビの添加なし)、火星の優れた「もっともらしい」話の将来の生き残りの近くの惑星火星の上にあります。だから私はそれを見ることについてかなり興奮ですとだけ言っておこう。[/url]

  3. この最初の腕時計の白い腕時計はクールということを証明した。それは、垂直クロノグラフ分計800シリーズ名tx線形クロノグラフ腕時計の1つです。第2のタイムゾーンとダイヤルの全体的なデザインは独特で、とげとげしくなる逆行ダイヤルがある。ホワイトトーン腕時計を通して持続する(明らかに)、しかし、それは100 %の定義はありません。あなたにはまだ若干のスポーティなオレンジとゴールドトーンダイヤルと手の上に上がりました。それは本当にうまくやった。私は高浮き彫りを付して白い回転ベゼルにホワイトが好きにしてください。グッチスーパーコピーブランド財布腕時計を見事に45 mmのワイドサイズまたは多分私の手首の上で非常に快適でした。あなたは、ダイヤルは最初は少し威嚇を見つけるかもしれませんが、ライブであなたの観察の後にすることは非常に簡単です。本当に素敵な白い色はしばしば見やすいスポーツです。この時計は本当に新しいであったので、私は正確なモデル番号を見つけることができません、しかし、それは価格の間にどこかについてドルであるべきです。

  4. 「スター』この映画を、マシュー・アカデミー影帝麦康纳(Matthew McConaughey)とアニー・海瑟薇(アンHathaway)などに主演、クリストファー・ノーラン(Christopher Nolan)監督。この映画は探検家たちの一番新しい発見、ワーム・ホールを利用して、人類の宇宙旅行の限界を超え、広大な宇宙に冒険する物語を航行する。舞台は近未来、男性の主役のクーパーは元NASA宇宙飛行士が、地球の気候の変化のため、作物栽培による食糧にくい人間の深刻な不足のときは、クーパーと女性科学者艾米莉亜(アンHathaway飾)らを担うた人類を救うの重要な計画が、太陽係外へ、人類の新しい生命力を探して。映画のシーンを撮影アイスランド中外星は、火山の爆発後黒砂に覆われた氷山人に一種ではおなじみのなじみのない感じ、醸し出す雰囲気完璧外星。主人公库パーキンは映画の最後に入った五维空間利用時間は線形」をコンセプトに、片侧を建てた90x60x45フィートの部屋で、映画の中で見たどうせ交差の線で、実際には3 Dプリントテクスチャ、これが現れる謎の五维空間。11月10日、「スター」を監督クリストファー・ノーラン连携主演マシュー・麦康纳、アン・海瑟薇などを含めた「スターを越えて》なく現れ上海新天地に参加し、映画の中国での初日舞台あいさつに出席しじゅうたんを見て

  5. カナダグース コピー より:

    ブランド スーパー コピー 店舗 膝まで隠れるロング丈で、冷えやすい脚までしっかり包みこんでくれるのは嬉しいポイント。 http://WWw.keevoo.com/brand-584.html カナダグース コピー

コメントを残す


You can add images to your comment by clicking here.