タグ

CSSとsassに関するmuperoのブックマーク (2)

  • 【CyberAgent】技術情報/TechReport - テックレポート/Sass 3.2 オレオレリファレンス | 株式会社サイバーエージェント

    概要 CSSのメタ言語 Sass(Syntactically Awesome StyleSheets) について、心を込めて語ります。 2012年8月に重要な新機能を含んだバージョン3.2のアップデートがあったので、 既に使っている人への新機能紹介も兼ねています。 Web版はこちら http://tenderfeel.github.com/SassReference/ 目次 はじめに 2年前くらいはまだCSS3のモジュールなどは趣味レベルでしか使えないマニアックなものでしたが、 スマホが幅を効かせるようになってからというもの、CSSを使う環境は随分と様変わりしています。 ブラウザがLevel3のモジュールに対応するようになると、CSSで出来ることが増えるのと引き換えに、表現するための記述は複雑なものになりました。 ただでさえスタイルシートファイルが巨大化傾向にあるのに、メンテナンス

  • 「Compass」、基礎から応用まで! | 株式会社LIG

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

    「Compass」、基礎から応用まで! | 株式会社LIG
  • 1