カテゴリー
css ソフト全般(開発用) 開発関連

【Ruby Sass】Ruby Sass is deprecated and will be unmaintained as of 26 March 2019.【更新されなくなるってよ】

今日なにげにsassをインストールし直したら下記が。。

Ruby Sass is deprecated and will be unmaintained as of 26 March 2019.

* If you use Sass as a command-line tool, we recommend using Dart Sass, the new
  primary implementation: https://sass-lang.com/install

* If you use Sass as a plug-in for a Ruby web framework, we recommend using the
  sassc gem: https://github.com/sass/sassc-ruby#readme

* For more details, please refer to the Sass blog:
  http://sass.logdown.com/posts/7081811

Successfully installed sass-3.6.0

あら。

Ruby SassメンテされなくなるからDart Sassに移行してねだって。

カテゴリー
git gulp ソフト全般(開発用) 開発関連

【Sass】もうなれたよね【macOS更新時】【再インストール】

[追記]
これまとめた後でインストール時にメッセージでてたの気づいたので更にSass自体のバージョンチェックと更新作業した。

【Ruby Sass】Ruby Sass is deprecated and will be unmaintained as of 26 March 2019.【更新されなくなるってよ】


[/追記]

自分で過去記事↓読んでて時系列で要点が分かりづらかったのでメモ

【Sass】何度でも何度でも何度でも立ち上がり呼ぶよ【インストール】 | hirokona

【Sass】何度でも何度でも何度でも立ち上がり呼ぶよ【インストール】

要点だけここに抜粋

ruby→sassの順にインスコ(homebrew使用)

$ brew install rbenv ruby-build
$ sudo gem install -n /usr/local/bin sass

変数のスコープがおかしいと思ったら・・・!震え

Sassの変数使用時に覚えておきたい6つのこと | SONICMOOV LAB

Sassの変数使用時に覚えておきたい6つのこと

sass

プロパティのネスト(Nested Properties) | Web制作者のためのSassの教科書 – 公式サポートサイト
http://book.scss.jp/code/c3/03.html

sass と scssって 共存できるんですね

実際に使って、いけて、びっくり!
【ズボンを脱ごう】SassのSASS記法の魅力【カッコイイ】 – 納豆には卵を入れる派です。
http://d.hatena.ne.jp/ken_c_lo/20121220/1355948089

カテゴリー
css

faaaaaaaaaaaaaa てめえこのやろfjだklfjkld;あs!

ああよかった。この記事があってほんとうによかった。

CSS – Mavericks における Compass 0.1x.x → 1.x.x アップデート には 要 xcode-select –install – Qiita
http://qiita.com/sekiyaeiji/items/0c38b6eeb867240f5d17

Compassのsprite-map

えみさんからまた便利そうなの教えてもらったしまたあとで見るし!http://qiita.com/cancer/items/4c0d8f577c71e4b8667e

Compassでええかげんスプライト画像つくれよ俺

使った感想。べんりだなぁ。でも覚えるまではめんどくさいなぁ。
覚えては忘れるTipsをなんとかせねばばばばっばばばっばb

Compassで簡単CSSスプライト | toybox-design.net :
http://toybox-design.net/?p=622

make a record of…: [compass] cssスプライト画像のファイル名をシンプルにする :
http://satussy.blogspot.jp/2013/08/compass-css.html

楽して時間短縮!Compassで作ったスプライト画像でRetina対応を行う方法 | 株式会社LIG :
http://liginc.co.jp/web/html-css/other-html-css/35502

sass compass Links

あとで読む

■しーえすえすぷりふろふぇっさあどべんとかれんだーにせんじゅうに
http://www.adventar.org/calendars/1

ありがたや~ありがたや~
@if は関数じゃなくてディレクティ部ってやつなのか。(字違

Compassの使い所~CSS3編~

■compassと一緒につかうcss3ボタン生成gem
http://jaredhardy.com/sassy-buttons/

■sass functions
http://sass-lang.com/docs/yardoc/Sass/Script/Functions.html#percentage-instance_method

アップデート

■アップデートの方法
人の作ったsassファイルが動かなかったので?とおもったら新機能使ってるからだった
自動で更新されるわけじゃないのね。。
http://frmmpgit.blog.fc2.com/blog-entry-75.html

久しぶりに黒い画面叩いてドキドキしたw

■バージョンの確認
これをたたくだけ
sass –version

その他

■compassから読み込んだcss3のミックスインなどをどうしてもカスタマイズしたい時
http://tech.naver.jp/blog/?p=2268

compassのcss3関連のミックスインの定義に依るため、ユーザ側が意識することはありません。(compassが勝手にやってくれます)

逆に言うと、この部分の設定をどうしても変更したい場合は、変更した同名のmixinをcompassのimportより”あと”に定義して、compassのmixinを上書きする必要があります。詳しいやり方については後述します。

sublimetext2で自動コンパイル

sublimetext2なら
compass_start.bat
をフォルダに入れておかなくても自動で
config.rb
を見てコンパイルしてくれる
ありがたいー

http://dev.classmethod.jp/tool/scss-compass-fast-development-for-sublime-text-2-compile/
6.プロジェクトの作成前後あたりから

config.rbの設定

あ、そうか。scssのディレクトリに入れとけば全部バラけないですむのか。
気づかなかった!!

https://hamatag.tumblr.com/post/6039253547/compass-%E4%BD%BF%E3%81%A3%E3%81%A6-sass-%E3%82%92%E4%BE%BF%E5%88%A9%E3%81%AB

[2013.10.22 追記]

youtube

なんかながれてきた
http://www.youtube.com/SassBites
[//2013.10.22 追記]

Sass -思いだせ!俺!

やっと新規で案件をすることになったのでsassでやろーとおもったら、、
え、なにこれ、どやって使ってたっけ。。って愕然となったのでメモ。
sassとcompassのインストールは前回やっているのでOK。
使い方だけを復習。

■おさらい
sassはコマンドラインでscssを「watch」させ、その内容をcssに置き換えたファイルを吐き出してつかうのでした。
.scssファイルはてけとーにテキストエディタで作れる

コマンドライン叩いて、どこのscss触ったらどこのcssを上書きしろと命令するのが基本

コマンドライン毎回叩くのがめんどいのでCompass入れて、設定ファイルクリックでcmdを開始させることができる
まず下記記事参考にサイトのルートディレクトリに「config.rb」という名前でディレクトリなどの基本情報を保存
http://www.skyward-design.net/blog/archives/000118.html


「compass watch」とだけ書いたファイルを、「compass_start.bat」という名前でconfig.rbと同じディレクトリに置く
ダブルクリックすると目的のディレクトリに移動した状態でコマンドプロンプトが開始され、.scssの変更が監視される

やばいやばい。