CSS Nite in OSAKA, Vol.43「Reboot Dreamweaver」フォローアップ(7)DreamweaverでSassを使うための勘所 | CSS Nite公式サイト

CSS Nite公式サイト - 2017年8月10日(木) 20:03
このページは、外部サイト CSS Nite公式サイト の情報をRSSフィード経由で取得して表示しているため、記事の一部分しか表示されていなかったり、画像などが正しく表示されなかったり、オリジナル記事が意図したデザインと異なっていたりする場合があります。
完全な状態のオリジナル記事は 「CSS Nite in OSAKA, Vol.43「Reboot Dreamweaver」フォローアップ(7)DreamweaverでSassを使うための勘所」 からご覧ください。

2017年5月13日(土)大阪産業創造館 4Fイベントホールで開催したCSS Nite in OSAKA, Vol.43「Reboot Dreamweaver」のフォローアップとして、さんの『DreamweaverでSassを使うための勘所』セッションのスライドなどを公開します。

メッセージとフォローアップ

『DreamweaverでSassを使うための勘所』を担当したたにぐちです。

私からは、Dreamweaverが新しくサポートした Sassのコンパイル、Bourbonについてを紹介しました。

Sassや Bourbonのことを知らないと、なかなかその便利さは理解できないかも知れず、ピンと来なかった方もいるかも知れませんが、是非これを機会に学習を初めてみていただけると幸いです。CSSコーディングがグッと楽になるかも知れません。

Sassを学習するなら、少し古めの書籍ですが、こちらなどがお勧めです。

Web制作者のためのSassの教科書 これからのWebデザインの現場で必須のCSSメタ言語 https://www.amazon.co.jp/dp/B00FMLD7UC/

環境設定などの章などは、Dreamweaverが準備してくれているので、すぐに Sass自体の学習を始めることができるでしょう。

質問への回答

いただいたご質問に回答します。

・リニューアル案件でもSCSSは使えますか?

使えます。SCSSは、通常の CSSと完全に互換性を保っていて、今ある「.css」の拡張子のファイルを「.scss」に変えるだけで使い始めることができます。そこから、追加するプロパティだけを SCSS書式にする事もできるので、是非活用してみてください。

・Emmetと Sassは共存できますか?

できます。SCSSは、プロパティの書式などが CSSと同じなので、Emmetを使った略語で展開していただくことができます。

・Bourbonと Bootstrapは使い分けるもの?

そうですね、両方を組み合わせて使うというケースはなさそうで、例えば新規でサイトを作りたいと言うときは Bootstrap、既存のサイトをレスポンシブWebデザインにしたいという場合は Bourbonと言った使い分けや、好みでクラス名を自由につけたいという方は Bourbonを採用するなど、選択すると良いでしょう。

もちろん、どちらも利用しないと言うケースもあります。便利さを知って、その便利さが発揮できそうなものに使っていただくと良いでしょう。

日本赤十字社 東日本大震災 義援金募集
みんなが読んでるWeb担メルマガで、あなたも最新情報をチェック
  • SEOやアクセス解析のなどノウハウをゲット
  • 事例やインタビューも見逃さない
  • 要チェックのセミナー情報も届く
  • 編集長コラムを一足先に読める

Web業界の転職情報

もっと見る
Sponsored by

人気記事トップ10(過去7日間)

今日の用語

robots.txt
ロボット型の検索エンジンが自分のページを登録しないようにするためにサイト管理者が ... →用語集へ

インフォメーション

Web担のメルマガを購読しませんか?
Web担の記事がコンパクトに毎週届くメールマガジン「Web担ウィークリー」は、10万人が読んでいる人気メルマガ。忙しいあなたの情報収集力をアップさせる強い味方で、お得な情報もいち早く入手できます。

Web担に広告を掲載しませんか?
購読者数10万人のメールマガジン広告をはじめとする広告サービスで、御社の認知向上やセミナー集客を強力にお手伝いいたします。

サイトマップ
RSSフィード


Web担を応援して支えてくださっている企業さま [各サービス/製品の紹介はこちらから]