Sass/Compass よくあるトラブルと 解決方法・回避方法
14. 調整用CSSを用意する <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="main.css"><!-- コンパイル後のCSSは編集禁止 --> <link rel="stylesheet" href="temp.css"><!-- スタイル調整はこちらを編集 --> </head> <body> <!-- 中略 --> </body> </html> コンパイル後のCSSファイルとは別に 調整用のCSSファイルを用意する
Useful Compass Extensions That are Worth a Try — SitePoint
Compass is a great Sass framework. Not only because it provides a hundred useful mixins and functions and a sprite builder, but also because it allows authors to build their own extensions, thus use other authors’ ones. A Compass extension is some kind of bundle packed as a gem, that can be installed, imported then used in your Sass stylesheets. Installing a Compass extension is a 3-step process:
Sache: Find Sass and Compass Extensions for your next project
Discover Sass & Compass Extensions Find the perfect tool for your next Sass or Compass project. Add Your Own
Using Compass in WebStorm | The WebStorm Blog
IDEs AppCode CLion DataGrip DataSpell Fleet GoLand IntelliJ IDEA PhpStorm PyCharm RustRover Rider RubyMine WebStorm Plugins & Services Big Data Tools Code With Me Quality Assurance JetBrains Platform Scala Toolbox App Writerside JetBrains AI Grazie Team Tools Datalore Space TeamCity Upsource YouTrack Hub Qodana .NET & Visual Studio .NET Tools ReSharper C++ Languages & Frameworks Kotlin Ktor MPS Am
Rails3.2.xのAssets precompile を最適化してスピードアップする
Rails3.2.x で開発時にassets precompileに時間を要していたので、なんとか早くすべく調べていたら、stackoverflowに以下の記述があったので実際に試してみたらスピードアップしたので忘れないうちまとめてみた。 Capistranoを利用している場合は、Capistranoのビルトインタスクである ‘deploy/assets’ を使用する。 Capistranoのビルトインタスクを利用することで、assetsのみをプリコンパイルするためアプリ全体を対象にプリコンパイルするよりも早くなります。 変更のあったファイルだけをプリコンパイルする。 変更のあったファイルだけをプリコンパイルし、それ以外のファイルはスキップするたプリコンパイルにかかる時間が短くなります。 今回、私は Turbo Sprockets for Rails 3.2.x を使いました。 Sassの
The Sass and Compass book 'Sass and Compass for Designers'
Sass & Compass for Designers Read the book 'Sass and Compass for Designers' by Ben Frain to learn how to easily write more maintainable CSS with the Sass preprocessor and its companion authoring framework Compass. Whilst Sass and Compass may initially seem complex, this book clearly explains the core concepts and tools in layman's terms (if you can write CSS and HTML, you can easily master Sass an
Sass+Compassのちょっとリッチ系CSSフレームワークを比べてみた（画像多くて重くてごめん）
Sass+Compassのちょっとリッチ系CSSフレームワークを比べてみた（画像多くて重くてごめん） 2013.04.10 | この方法お勧めです！ | 覚えておきたい 春です。そろそろ春キャベツがおいしい季節。そんな春キャベツをたっぷり使って、サーモンのちゃんちゃん焼きはいかがですか？ なんだかちゃんちゃん焼きっていうときはサーモンじゃなくて鮭って言った方がおいしそうですね。なんでかな？ さてさて、世の中CSSフレームワークってたくさんあって、Bootstrapなんかだともう誰でも使ってる、みたいな感じがありますね。 私はなんとなくしっくりこない感じがして、今までCSSフレームワークって使って来ませんでした。 でも、ちょっと思うことあってSass+Compass限定で、ちょっとリッチなuiも揃ったものの中で、さくっとモックアップを作れる様な、使い勝手がいいものがないか、いろいろと探してみ
Defensive Sass - Modular styles for the modern web
Slides for a talk on modular Sass I gave at Function Pink, April 2013. CodePen examples here: http://codepen.io/collection/lmkqe Function Pink: http://www.functionpink.com The Sass Way: http://thesassway.com
1年前のSass/Compassを振り返ってみた - teppeis blog
昨年末のブログを見てみたら、Sass/CompassでPass風のメニューを作って遊んでました。 当時はSass 3.2のリリース前で、あれこれとダーティハックをしていたので、最近のSass/Compassだとどうなるのか？と思ってアップデートしてみました。 https://github.com/teppeis/menu-like-path この1年でSass/Compassがどう進化したのか、進化しなかったのか見てみます。 Sass 3.2: @content 1年前は無理矢理alpha版をインストールして使っていた@contentが正式に使えるようになりました。 今回使っているkeyframesの他は、メディアクエリなんかに活用できます。 Sass 3.2: 可変長配列 mixinの引数に可変長配列を指定できるようになったので、主にベンダープレフィックスの指定が楽になりました。 /*
Sass で Font Awesome を使おう « shilog
この記事は CSS Preprocessor Advent Calendar 2012 23日目の記事です。 Font Awesome Font Awesome と言えば Twitter Bootstrap のアイコンを Web フォントとして使えるということでお馴染みのサービスです。Web フォントなので、CSS でアイコンの色やサイズを調整することができますので、ある程度柔軟にアプリや Web サイトなどで使用することができます。 Font Awesome のサイトを見てみると、LESS と CSS についての導入方法は書いてあるのですが、Sass については書いてない（と思う）ので、その手順をシタタメます。 導入手順 まずは Font Awesome のサイトでファイル一式をダウンロードして解凍します。するといくつかフォルダが出来上がります。 Font Awesome のサイトに
RailsエンジニアのためのTwitter Bootstrapカスタマイズ例
Sassを使ったり、人からパクったりして、極力失敗しない方法
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック// Speaker Deck
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version 第一回…
CSS Lint for Sass & Compass by Comcast
About Easily integrate Nicholas C. Zakas and Nicole Sullivan's CSS Lint into your projects that use the Compass CSS Framework by providing a compass csslint command line option. Installation Assuming ruby is installed on your system: $ gem install compass-csslint Note that this requires at least version 1.0.0.alpha.13 of Compass to work properly. Usage Run the following command from the root of yo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Sass and Compass in Action
Buttons Builder
Koala - a gui application for LESS, Sass, Compass and CoffeeScript compilation.
Amazon.com: Sass and Compass in Action: Netherland, Wynn, Weizenbaum, Nathan, Eppstein, Chris, Mathis, Brandon: Books
http://sass.fffunction.co/
GitHub - scottkellum/sassy-math: sassy-math
kanapple.net - KANAPPLE.NET
