2016 - 01 - 30 Mac（El Capitan）でSassとCompassをインストールしようとしたらエラーになる Web開発 CSS スポンサード リンク Mac（El Capitan）にSassとCompassをインストール 開発で使うアプリを順番にインストールしていたのですが、SassとCompassのインストールができませんでした。なぜかエラーが出てしまいます。 ▼まずはgemをアップデート sudo gem update --system ▼続いてSassをインストール sudo gem install sass ▼しかしインストールできずエラーになります ERROR: While executing gem ... (Errno::EPERM) Operation not permitted - /usr/bin/sass エラーの内容から詳細を調べたところ、どうや
みなさま、こんにちは。 新生活が始まってからひと月、忙しくって部屋がゴチャゴチャしてきたという方もいるのではないでしょうか？ 私も「部屋をキレイにしたい！」という事で、ゴールデンウィーク中に部屋の模様替えをしました。このとき、とても便利だったiPhoneアプリをご紹介します。 普段はあまり使わないかもしれませんが、標準アプリの『コンパス』です。便利ツールのフォルダに入っている方もいますので、忘れてしまいがちですよね。 コンパスの表示画面から横にスワイプすると“水平器”が現われます。iPhoneを立てているときと、平らにしたときで表示が変わります。角度がある状態で画面をタップすると0度にセットできるので、水平だけでなく、ある角度から何度、という確認も可能です。 この水平器を実際に使ってみると、すっごく役に立ちます。ポスターや絵などを部屋に飾るとき、水平かどうかはアプリを使えばひとりで確認でき
いまさらですが、SassとCompassの環境を導入しました 以前から使いたいなとは思っていたのですが、弊社の体制や運用面でのネックがあったりして見送っていました ただ、最近すこし時間に余裕があり、ガイドラインレベルでCSSメタ言語の運用などを考えることができ、懸念点を解消できたので導入にいたりました 前置きはさておき、今回は環境構築についてです 私の作業環境がときにWindowsだったりMacだったりと『アホか！』な感じなので、両方の方法について書いてます なお、ふだん黒い画面をさわることがないので…そちらの使い方はあまり自信がないです… Rubyのインストール Macは最初から入っているようですが、Windowsはインストールしなければいけないようです Windowsユーザは、下記URLからダウンロードしてください RubyInstaller 次に、念のためRubyがインストールされて
Compassで簡単、CSSスプライト作成 第1回 CSSスプライト作成の基礎 CompassでCSSスプライトが手軽にできるのをご存知ですか？ この記事ではCompassでCSSスプライトを作成する基礎を解説します。業務で使うものですから、生成の仕組みもおさえておきましょう。 はじめに 手作業で作ると、ものすごい手間がかかってしまうCSSスプライトですが、Compassを使えば、非常に簡単に実装することができます。このシリーズではCompassのCSSスプライト機能を解説し、Retinaディスプレイ対応のCSSスプライトmixinを作ってみます。 Compassと私 Compassについては、CodeGridでSassの連載時に、簡単に触れました。 SassとCSS設計 - 運用と管理 | CodeGrid Compass Home | Compass Documentation Com
今さらそのネタｗｗｗ何言ってんのｗｗｗｗｵｯｿｗｗｗｗｗ とか言われないために、そろそろSASSとかCompassとかその辺りを使う環境を整えてみませんか？ 便利なのはわかってる。けど・・・ SASSに関する専門書も販売されて講習会なども行われ、これからどんどん目をする機会が増えてくると思います。 すでにネットや周りで噂を聞いて「便利そう」と思ってる人も多いはず。 でもなんで手を出せないのか・・・ 今のCSSで十分 やろうと思ったけどRubyとかgemとかなんとか書いてて、よくわからない あの黒い画面が苦手 よくわからない？CUI（あの黒い画面）が苦手？もうそんなことは言わせない！！そんなあなたにコレ！！ これマジいいんですよ。英語版ですけど。でもほんとタガログ語の人でも使えちゃうレベル。 とりあえずこれでcompassを使ってみるのはどうでしょうか？ WinでもMacでもこれでいけますし
タイトルとおりほんとに無料すか？っていうくらい高機能なGUIコンパイラーがPreprosがリリースされました。 CSS HappyLife大明神様よりとても詳しく丁寧に解説してくれるだろうとのフリをうけ筆を走らせている次第でございます。 追記:現在は無料版はなく有料版のみっぽいです (2015.04.05) Preprocessing just got easier with Prepros Prepros 現在バージョンは1.7。Windows版のみリリースされています。 追記:バージョン2.2でMac版も出ました (2013.07.11) Codekitのような高機能GUIコンパイラーがWindowsにもいよいよ登場ですね。 すでに海外の記事では「WindowsのCodekitだぜ！」みたいなことが言われてるとかいないとか。 Preprosの主な機能 Preprosの主な機能として ブ
より素早くCSSコーディングするための、Sass（SCSS）のmixinスニペット集以前「効率良くCSSコーディングできるSassを使ってみよう！Mac+Codaなら設定も簡単！」という記事で紹介したSass／SCSS。皆さん使ってますか？今回はそのSassの @mixin という機能に注目してみようと思います。中には後述する「Compass」というフレームワークを使えば同様のコードが記述できるものもありますが、お勉強も兼ねてあえて使わず自分で書いてみました。カスタマイズしやすそうなものを中心に紹介するので、自分の使いやすいオリジナル mixin を作ってみてくださいね！ 目次Sass の基礎知識@mixin の基本的な使い方リンクカラーを一括設定ベンダープレフィックス透明度絶対位置の指定rem を使ったフォントサイズ指定レティナディスプレイ対応画像Compass について軽く。Sass
こんにちは、デザイナーの王です。 今回の記事ではCompass使いになるための必要最小限の知識から応用まで、体系的にひと通り紹介していきます。 全くの初心者でも問題ありません！ はじめに結論を言うと、CompassでCSSを書くと 早い！ 見やすい！ メンテしやすい！ コード量がぐっと減る！ 一度使い出したら最後、もう元には戻れない！ 一体どこまで便利なのかずらずら書くよりも、百聞は一見にしかず！ 簡単なプロジェクトを通して、各特徴について紹介した短いデモ動画を用意したので、まずはこちらを見てください！ Compassとは？ Compassを語る前に、まずは「Sass」を知っておく必要があります。なぜなら、CompassはSassを元に開発したフレームワークだからです。 Sassとは では「Sass」とは何かと言うと、正式名称は「Syntactically Awesome Style Sh
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
