CSS Nite LP32 Sass で行なった「Sass/Compass よくあるトラブルと 解決方法・回避方法」のスライドです
![Sass/Compass よくあるトラブルと 解決方法・回避方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/5761895434f5cf92a5b5d51ad026e6a226676733/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fcssnitelp32-s6-maboroshi-140507205956-phpapp01-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
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:
Discover Sass & Compass Extensions Find the perfect tool for your next Sass or Compass project. Add Your Own
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に時間を要していたので、なんとか早くすべく調べていたら、stackoverflowに以下の記述があったので実際に試してみたらスピードアップしたので忘れないうちまとめてみた。 Capistranoを利用している場合は、Capistranoのビルトインタスクである ‘deploy/assets’ を使用する。 Capistranoのビルトインタスクを利用することで、assetsのみをプリコンパイルするためアプリ全体を対象にプリコンパイルするよりも早くなります。 変更のあったファイルだけをプリコンパイルする。 変更のあったファイルだけをプリコンパイルし、それ以外のファイルはスキップするたプリコンパイルにかかる時間が短くなります。 今回、私は Turbo Sprockets for Rails 3.2.x を使いました。 Sassの
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フレームワークを比べてみた(画像多くて重くてごめん) 2013.04.10 | この方法お勧めです! | 覚えておきたい 春です。そろそろ春キャベツがおいしい季節。そんな春キャベツをたっぷり使って、サーモンのちゃんちゃん焼きはいかがですか? なんだかちゃんちゃん焼きっていうときはサーモンじゃなくて鮭って言った方がおいしそうですね。なんでかな? さてさて、世の中CSSフレームワークってたくさんあって、Bootstrapなんかだともう誰でも使ってる、みたいな感じがありますね。 私はなんとなくしっくりこない感じがして、今までCSSフレームワークって使って来ませんでした。 でも、ちょっと思うことあってSass+Compass限定で、ちょっとリッチなuiも揃ったものの中で、さくっとモックアップを作れる様な、使い勝手がいいものがないか、いろいろと探してみ
昨年末のブログを見てみたら、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の引数に可変長配列を指定できるようになったので、主にベンダープレフィックスの指定が楽になりました。 /*
この記事は 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 のサイトに
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version 第一回 プログラマ向けデザイン勉強会 #design4p http://connpass.com/event/1185/ で発表させていただきました。 (#p4d プログラマ向けデザイン部 主催イベント http://prog4designer.github.io/) @mah_lab さんが ズルいデザインのRails gemを作って下さいました http://blog.mah-lab.com/2012/11/07/zurui-design-for-rails/ (Repository) https://git
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ページを開く