Sass Guidelines
An opinionated styleguide for writing sane, maintainable and scalable Sass. The Sass Guidelines project has been translated into several languages by generous contributors. Open the options panel to switch. About the authorMy name is Kitty Giraudel, I am a French front-end developer, based in Berlin (Germany) since 2015, currently working at Cofenster. I have been writing Sass for several years no
Sass 3.2以上ならレスポンシブが簡単
Sass 3.2以上ならレスポンシブが簡単というお知らせです。 Sass 3.2以上で@contentというのが使える。ざっくり言うと、作ったmixinの中に@contentがあると、mixinを@includeした時に括弧内の値が入る。 やり方まず、デバイスごとの横幅(もしくは縦幅)を変数にして一箇所にまとめておくと良い。 // Width $width-pc: 940px; $width-tablet: 768px; $width-smartphone: 480px; $width-scrollbar: 20px; スクロールバーの横幅はwebkit対策。 で、こういうmixinを作る。 // Media Queries @mixin mediaquery-pc { @media only screen and (min-width: $width-pc + $width-scroll
SassとCompassでSprite画像を作る
やっべぇ、これ便利！って思ったので即共有！これまでSprite画像作る時って皆さんはどうしてましたか？僕はCSS Sprite Generatorというサイトを使って画像を生成していました！ しかし、さっき見てた記事でなんと、Compassを使ってSprite画像を生成する方法が紹介されていて、今さっき試したら結構ツボにハマったので、まずはこの興奮のまま皆さんともシェアさせて貰えれば嬉しいです！ 参考にさせて頂いた記事は以下なんですが、結構詳しくCompassで作るCSS Sprite画像の作り方が紹介されています。まずは僕も試してみた簡単な概要部分をちょっとご紹介させて頂きましょう！SassとCompassの基本的な使い方はググって頂ければ嬉しいです＞＜ How to automatically generate CSS sprites with Sass and Compass | C
SASS Cheat Sheet
Variables & Interpolation: Sass allows to declare variables that can be used throughout the stylesheet. Variables begin with symbol $, and are declared just like properties. They can have any value that is allowed for a CSS property, such as colors, numbers (with units), or text. Variables can be used for more than just property values. Indeed is possible to use #{$var} to insert them into propert
メモログ
💡 Personal notes about somthing I'm interested in 前回（RVM / JewelryBox / Homebrew をインストール - メモログ）でインストールした1.9.3に、SassとCompassをインストールするの巻。SassはCSSの記述をサポートしてくれるプリプロセッサー。CompassはSassのお役立ちMixinをたくさん用意しているCSS authoring framework。 Sass / Compass のインストールターミナルで下記を実行。 gem install sass gem install compass Sassの使い方コマンドライン上で下記のコマンドを実行。 sass --watch foobar.scss:foobar.css これでfoobar.scssを編集保存すると、foobar.cssにCSSが
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Sass Color Generator