Compassに関するnakagawのブックマーク (3)
-
[JS] Compass(Scss)のビルドが遅いので、マルチスレッドで高速でCompassビルドするgruntタスクを作ってみました こんにちは、@yoheiMuneです。 Compass(Sass)を仕事で使うのですが、@extendとかがいっぱいあるとビルドに時間がかかるようになってきました。 今回は、その対策としてgruntのタスクとして、compassビルドをマルチスレッドで高速化するタスクを作ったので、紹介させて頂きたいと思います。 Compassのビルドは時間がかかる? Compassってすごく便利なツールで、CSSをモジュールか出来たり案件ごとに使い回したりして、CSSのコーディングの効率化が出来ます。 でも、画像のBase64化やSprite化、@extendで共通Compassモジュールを使うコードなどが増えると、コンパイルに時間がかかってきます。 自身が関わっている案
-
最近、前から気になっていた﹁scss﹂と﹁compass﹂を使い始めてみました。 まだまだ使いこなせていないまでも、初歩的なことを覚えるだけでも、グッと効率が上がります。今回はWordPressのテーマ作成を行う際に、準備しておくと使いやすい設定をまとめておきます。 使い始めなので、記述にミスがあるかもですが、その際はご指摘いただければありがたく。 また、環境は﹁Mac OS X Maverick + coda 2﹂で制作しています。 なお、インストールについてはまとめておりませんので、記事末尾の参考URLをご確認いただければ。 WordPress テーマのファイル構造に合わせる ご存知の通り、WordPressのテーマは﹁style.css﹂を元にしています。通常のテーマではcssファイルは、この﹁style.css﹂のみを利用することになります。scss / compass では、分
-
本連載﹁爆捗! WordPressテーマ作成ショートカット﹂では、初回の﹁Dreamweaverで始めるWordPressサイト構築の基礎知識﹂で、﹁Adobe Dreamweaver CC﹂︵以下、Dreamweaver︶でWordPressのテーマをカスタマイズできるようにする設定の方法を紹介。第2回の﹁WordPress初心者でも爆捗! テンプレートカスタマイズ&ショートコード作成超入門﹂でWordPressの内部構造、Dreamweaverを使ったテンプレートのカスタマイズ方法、ショートコードの作り方について解説した。 第3回の﹁CSSコーディングで泣かないためのSassの基礎知識と10の利点﹂では、さらなる爆捗のために、﹁Sass﹂についての概略を解説した。第4回の前回﹁いまさら聞けないSassの使い方入門―― インストールとコマンド、Dreamweaver連携﹂では、Sassの
-
1