[B! compass] m_shige1979のブックマーク

howtohp.com - howtohp リソースおよび情報

This domain is registered at NameSilo. If you are the owner, start administering it at NameSilo.com. If this is not your domain, find similar names that work for you. This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it

m_shige1979 2014/06/28

SCSS
Compass

リンク

GruntでCompassの自動ビルドを行う - Qiita

GruntはJSのタスク実行ツールです。 CoffeeScriptのコンパイル、{Cofffee,Java}Scriptの文法チェック、JS/CSSのminify、テスト実行等、様々なタスクを走らせることができます。 GruntでCompassの自動ビルド設定を行うことで、scssファイルの変更を検知して自動的にcssを出力させることができます。 compass自体にもこの機能はありますが、gruntで設定しておくことで他のタスクも実行できるので、後々効いてきます。 Grunt-cliのインストール Gruntは、Node.jsで動作しますので、まずはNode.jsをインストールしてください。 Macであれば、brew install nodeでおしまい。 gruntコマンドはnpmパッケージでインストールします。頻繁に使うコマンドですので、グローバルにインストールしておきましょう。 pa

m_shige1979 2014/03/19

リンク

Compass環境の構築 - Qiita

CompassはSassがベースのフレームワークです。利用するにはRubyが必要ですが、涙が出るほど便利過ぎるなので、CSSを扱うプロジェクト積極的に活用していきましょう。 Rubyのインストール Compassを使うには、Rubyが必要ですのでインストールします。 rbenv + ruby-buildを使ってインストールすることをオススメします。 Macであれば、Rubyは標準でインストールされています。このまま標準のRubyを用いてもいいですし、rbenvを使って最新のパッチレベルのものをインストールしてもいいでしょう。 bundlerのインストールそのまま gem install compassしてしまうと、globalな環境にgemがインストールされてしまいます。プロジェクトで使うgemはプロジェクト環境で閉じているのが望ましいので、パッケージ管理ツールであるbundler

m_shige1979 2014/03/19

リンク

知って得するSass/Compassのインストールと使い方

本連載「爆捗！ WordPressテーマ作成ショートカット」では、初回の「Dreamweaverで始めるWordPressサイト構築の基礎知識」で、「Adobe Dreamweaver CC」（以下、Dreamweaver）でWordPressのテーマをカスタマイズできるようにする設定の方法を紹介。第2回の「WordPress初心者でも爆捗！テンプレートカスタマイズ＆ショートコード作成超入門」でWordPressの内部構造、Dreamweaverを使ったテンプレートのカスタマイズ方法、ショートコードの作り方について解説した。第3回の「CSSコーディングで泣かないためのSassの基礎知識と10の利点」では、さらなる爆捗のために、「Sass」についての概略を解説した。第4回の前回「いまさら聞けないSassの使い方入門―― インストールとコマンド、Dreamweaver連携」では、Sassの

m_shige1979 2014/02/26

リンク

2時間でSassを習得！Sass初心者向け講習スライド大公開！ | WebNAUT

※この記事は2014年2月4日に執筆された記事です。現在は仕様が異なる可能性があります。 CSSを効率的に書ける言語として昨今話題のSass。これから導入をお考えの方に向けて2時間でマスターできる初心者向けのSass講習スライドを公開致します。普段CSSを書く人も書かない人もSassがどういうものかを知る良い機会ですので、是非ご覧ください。スライドに沿って実践すればSassの基本を短時間でマスターできます！この講習では目で見るよりも実際に触れる事で理解が深まるよう、実習スタイルを取っています。実習に使うファイルセットはこちらからダウンロードして上記のスライドと合わせてお使いください。 https://webnaut.jp/download/markup_140204/sass.zip（3.5MB） Sassの良さを活かすためには、チーム全員がSassを理解することが大切 Sass