hirokonaBlog

ググる→忘れそう→即時メモ 京都のWebデザイナーの備忘録

Sass links – カスタマイズ

■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]


投稿日

カテゴリー:

投稿者:

タグ:

コメント

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください