タグ

Compassに関するsusueのブックマーク (4)

  • 今日から使える! Sass/compass ゆるめ勉強会

    Sass/Compass ってよく聞くけど、なんか難しそう…って思っている主にデザイナー/HTMLコーダーさん向けの勉強会で利用したスライドです。勉強会にはハンズオンが組み込まれていたので、この資料には中途半端な部分がありますがご容赦ください。 (*'-'*) 内容的には、基礎的な事柄を、活用のための考え方を添えて解説しています。何かの参考になれば幸いです。Read less

    今日から使える! Sass/compass ゆるめ勉強会
  • WebデザイナーのためのSass/Compass入門 先生:石本 光司

    ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/228/room ーーーーーーーーーーーーーーーーーーーーーーーRead less

    WebデザイナーのためのSass/Compass入門 先生:石本 光司
  • 「Compass」、基礎から応用まで! | 株式会社LIG

    こんにちは、デザイナーの王です。 今回の記事ではCompass使いになるための必要最小限の知識から応用まで、体系的にひと通り紹介していきます。 全くの初心者でも問題ありません! はじめに結論を言うと、CompassでCSSを書くと 早い! 見やすい! メンテしやすい! コード量がぐっと減る! 一度使い出したら最後、もう元には戻れない! 一体どこまで便利なのかずらずら書くよりも、百聞は一見にしかず! 簡単なプロジェクトを通して、各特徴について紹介した短いデモ動画を用意したので、まずはこちらを見てください! Compassとは? Compassを語る前に、まずは「Sass」を知っておく必要があります。なぜなら、CompassはSassを元に開発したフレームワークだからです。 Sassとは では「Sass」とは何かと言うと、正式名称は「Syntactically Awesome Style Sh

    「Compass」、基礎から応用まで! | 株式会社LIG
  • Sass を使うなら、Compass も使うと便利

    あちこちで Sass のエントリーが増えてるので、私の環境も書いてみます。 Sass 使う時、より便利になる Compass というフレームワークを一緒に使っています。 Compass Home | Compass Documentation Compass って? 便利だなと思う機能満載なフレームワークで、これも一緒に使うことで Sass がさらに簡単になったり使い勝手がパワーアップしたりします。具体的に例をあげたほうが分かりやすいと思うので、いくつか書いてみます。 Compass はいろいろな Mixin が含まれている @import “compass”; で呼び出して使えます。自分で書かなくていいから楽ちん。 @import "compass"; .ex1 { @include clearfix; } .ex2 { @include border-radius(5px); } .e

    Sass を使うなら、Compass も使うと便利
  • 1