[CSS]最近のWeb制作でよく使う、Sassのmixinのまとめ
15 essential Sass mixins 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 Sassやってみたい、と考えてる人には下記の本をオススメします。 Sassの初心者からもっと使いこなしたい人まで、Sassを確実にマスターできるオススメの本 -Sassの教科書 box-sizing（ボックスサイズ） opacity（不透明度） column-width（カラム幅） circle（円形） font-size（フォントサイズ） box-shadow（ボックスシャドウ） xPos（要素の座標） vertical-align（天地の中央に配置） flexbox（フレックスボックス） flex（モダンブラウザの旧仕様にも対応したflexの指定） flex-order（表示の順番） flex-direction（表示の方向） gra
![[CSS]最近のWeb制作でよく使う、Sassのmixinのまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/41a2e814247663ad1040b747f3c634ccd698a028/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201404%2F2014111701.png)
そうだ、Sass使おう（Railsフロント開発者向け）
こんにちは！株式会社じげんの戦略子会社にじげんに所属している北國です。 じげん、にじげん共に運営サービスはRailsを使って開発しているのですが、 にじげんでは、フロントエンド開発においてsassを利用しています。 cssからsassへの移行・学習コストは非常に低く、 コード量が減り、メンテナンス性も高いため、にじげんではsassを愛用しています。 今回は、sassをRailsに導入し、超便利な@mixinの事例をご紹介します！ (scssではなく、sassです) Railsでsassを導入するsassの導入はすぐできます。 Gemfileに下記のコードを追加して、bundle installするだけです。 gem 'sass-rails', '~> 4.0.3' （ruby 2.1.2, rails 4.1.4） 各ブラウザに対応するためのprefixは絶対sassの方が便利！IE, C
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
