タグ: link

■SassとDreamweaverのコードヒントでCSSをさらに効率的に｜linker journal｜linker
http://linker.in/journal/2010/10/sassdreamweavercss.php

・Dreamweaverでも編集できるようにする
・watchをつかってコマンドラインを毎回叩かなくてもcssが吐き出されるようにする
方法が書かれてあります。感謝！

ちなみに文中
/Applications/Adobe Dreamweaver CS5/Configuration/DocumentTypes/MMDocumentTypes.xml
は、Win7なら↓
C:\Program Files\Adobe\Adobe Dreamweaver CS5\configuration\DocumentTypes

l
l
以下はSassを便利にしてくれるCompassについて。
l
l
■Compassを使ってSassのCSS出力を手軽にしよう｜Blog｜Skyward Design
http://www.skyward-design.net/blog/archives/000118.html

上のwatchに関する記述で喜んでたのですが、さらにこちらの記事参考に環境を整えると
なにこれコマンドライン叩くのが楽になって超便利。。
l
l
■CSS書くならCompass使った方がいいよ。SASS使ってる人なら特に。 – howtohp
http://howtohp.com/css/compass.html

■コンパスは自動アップデートしてくれるようです。
なのでベンダープリフィックスなど不要なものは将来的に削除していってくれるはずです。
ありがたいですね。
Compass will keep itself updated

Sass vs. Less

[2013.01.23 add]

sassの記述をより効率的に

■sassを使ってCSSのめんどくさい繰り返し部分を楽に記述する
http://css-eblog.com/sass/sass-loop.html

■Sassを覚えよう – CSS HappyLife
http://css-happylife.com/archives/sass/

メッチャ判りやすく解説してくれてる。。。
ふとっぱらやわ～！！
おっとこまえやわ～！！
[/2013.01.23 add]

導入までに参考にしたサイト

■SASS vs. LESS | CSS-Tricks（英語）

Sass vs. Less

最近どっちがいいって話アツいよね～って話と筆者さんの思う答え（完結）

■SassやLESSを導入するメリット | Good thinking
http://blog.goodpatch.co/articles/sass-less/

敷居は高くないんだよ？とやさしいおにーさんが力説してくれる記事
黎明期に書かれたブログの導入方法と現在の違いなど

■hamashun.me : Windows PC に Ruby と Sass を導入する方法
http://www.hamashun.me/archives/1294573.html

仕事場のWindowsにはこちらを参考にして導入

docs

■TwitterBootstrap
http://twitter.github.com/bootstrap/
Lessをつかってトゥイッターがつくったフレームワーク

■compass
http://compass-style.org/
sassをより使いやすくしてくれるフレームワーク

■Sass のトップページを日本語でわかるようにしてみた – @sugamasao.blog
http://d.hatena.ne.jp/seiunsky/20090708/1247075132
こういうざっくりしたの解りやすくてすきです

■naverまとめ
http://matome.naver.jp/odai/2130723789246600601