タグ

compassに関するshidhoのブックマーク (4)

  • Sassのライブラリ、Bourbonを使ってみよう! - 中里日記

    やあ (´・ω・`)ようこそ、バーボンハウスへ。 このテキーラはサービスだから、まず飲んで落ち着いて欲しい。 ということで、こちらの記事に触発されて、Compass以外のSassのライブラリであるBourbonさんを使ってみようと思いました。 Bourbonってなに? 英語得意な方はこちらか こちらを見ていただいたほうが詳しく書いてあります。 BourbonはCompassよりも使いやすい! Bourbonは、すげえシンプル!(って書いてあった)で、とても軽いのが特徴なようです。簡単に言うと、Compassをもっと手軽に使えるようにしたバージョンという感じですね。Compassの基的な機能をより使いやすくしたものだと捉えていいようです。シンプルなので、エンジニアさんがちょっとSass使ってみようかなという時に便利だと思います。 ドキュメンテーションも見やすく、検索もしやすいです。ただ今

    shidho
    shidho 2014/06/14
  • 【Susy】Sass,Compassでグリッドレイアウトしまそ - Milk+ea

    何 SusyはCompassのプラグインです。 グリッドなサイトを制作するためのMixinを提供してくれます。 モバイル・ファーストも可能よ。 インストール Susy: Getting Startedを眺めたら多分わかります。 使い方 初期設定 Susyを使うときは次の変数に何かしら値を代入してから使います。 $total-columns : 12; $column-width : 4em; $gutter-width : 1em; $grid-padding : 0.5em; $container-style : 上から順番に 何カラム使うか。上では12カラム。 1カラムあたりの幅はどれだけか。 カラム間のmargin(幅)はどれだけか。margin-right: 1em みたいに。 グリッド左右のpaddingはどれだけか。TwitterBootstrapだったら.rowの左右にみたい

    【Susy】Sass,Compassでグリッドレイアウトしまそ - Milk+ea
    shidho
    shidho 2014/06/14
  • howtohp.com

    This domain may be for sale!

    howtohp.com
    shidho
    shidho 2014/06/14
  • より素早くCSSコーディングするための、Sass(SCSS)のmixinスニペット集

    2017年2月22日 CSS 以前「効率良くCSSコーディングできるSassを使ってみよう!Mac+Codaなら設定も簡単!」という記事で紹介したSass/SCSS。皆さん使ってますか?今回はそのSassの @mixin という機能に注目してみようと思います。中には後述する「Compass」というフレームワークを使えば同様のコードが記述できるものもありますが、お勉強も兼ねてあえて使わず自分で書いてみました。カスタマイズしやすそうなものを中心に紹介するので、自分の使いやすいオリジナル mixin を作ってみてくださいね! ↑私が10年以上利用している会計ソフト! 目次 Sassの基礎知識 @mixin の基的な使い方 リンクカラーを一括設定 ベンダープレフィックス 透明度 絶対位置の指定 rem を使ったフォントサイズ指定 レティナディスプレイ対応画像 Compassについて軽く。 Sas

    より素早くCSSコーディングするための、Sass(SCSS)のmixinスニペット集
    shidho
    shidho 2014/06/14
  • 1