Webmemo

Web制作の備忘録

0604−Sassを使ってみる

スクリーンショット 2015-06-04 05.15.36

■Sassの概要をスクーでざっと勉強。

Sassをはじめからていねいに<概要−基礎編>

堀口 誠人先生の授業はわかりやすいのでおすすめです。下記の導入手順でも参考にさせて頂いています。

■いざ インストール!

1分で。『Sass→Mac』へインストールする手順。

Sassをインストールし、dreamweaverで使えるよう設定を変更。(コードヒントを使えるようにする設定は辞めておきました。)

koalaもインストールして、環境準備は完了。実際に使ってみます。

koalaにフォルダをドロックアンドドロップ。

スクリーンショット 2015-06-04 05.29.45dreamweaverで記述してみます。

スクリーンショット 2015-06-04 05.39.29

ブラウザで確認すると…できてる〜∩(*・∀・*)∩

スクリーンショット 2015-06-04 05.39.08

Sassについて調べているうちに、セレクタのネストや変数が使えるって便利そうでもっと使ってみたいと思うようになりました。

コメントを残す

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

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

post date*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)