Content-Length: 209883 | pFad | http://b.hatena.ne.jp/clavier/Grunt/Sass/
CompassでSpriteなんてもう古い！？grunt-spritesmithのすすめ - Thujikun blog
釣りっぽいタイトルになってますが、ようはCompassのSprite Generatorだと解決できないことをgrunt-spritesmithならやってくれるよって話です。 Compassの方については山ほど記事があるので、あまり知らないよって方はてきとーにググってください。 Compassの問題点 Sassでしか使えない 一つ目は当然ですが、CompassはSassのフレームワークなのでLessとかStylus派の人は使えないってことです。 私は最近はStylus派なので、なにか良いSpriteツールないかなーと探し始めたのが最初でした。 SassのCompileのたびにSprite化処理が実行される これは画像が多いサイトではかなり深刻な問題となります。画像とは関係ないStyleの変更時でも毎回Sprite化が実行されるため、確認までかなりの時間をロスします。 正方形に画像を並べると
GruntでSassのビルドとjsファイルの結合・圧縮を自動化 - bata's log
JSファイルの結合と圧縮を自動化したくて色々調べていたのですが、やはりGruntが一番便利だということで導入してみたました。 結論からいうと、もっと早く導入すればよかった。 Gruntの導入 導入部分は下記を参考に。 Windowsの場合 http://webdrawer.net/javascript/firstgrunt.html Macの場合 http://catcher-in-the-tech.net/461/ Gruntfile.js を記述 module.exports = function(grunt) { grunt.initConfig({ //Sassをビルド sass: { options: { style: 'compressed',//CSSのスタイル sourcemap: true,//ソースマップを書き出す noCache: true//キャッシュファイルを生成
Gruntを使ってプロジェクトを自動化する、Myタスクメモ | tipsBear
Gruntで出来ることはたくさんありますが、今回ご紹介するのは私がよく使うGruntの設定のメモになります。 ちなみに、Gruntの導入方法や基本的な解説は下記の記事がとてもわかりやすく紹介してくれていますので、これから導入したいという方がいましたら是非参考にどうぞ。 Web制作で面倒な作業を自動化するビルドツール、Grunt v0.4 入門 – Web Design KOJIKA17 コピペが出来るなら誰でも出来る、Web制作タスク自動化ツール「Grunt」導入手順 – OZPAの表4 今更だけどやるgrunt入門編・インストールから基本的な使い方 – WEB Drawer Web デザイナーさん向け Grunt を使った コーディング作業の効率化、はじめの一歩 – WWW WATCH また、この記事はSass/Compass、ブラウザのliveReloadを使用することを前提に書いてい
GruntをつかってLessファイルをWatchしてコンパイルする(Lessをコマンドラインからコンパイルする2日目) - Blog.おにぎりたまごうぃんなー
昨日のつづき Lessをコマンドラインからコンパイルする方法を調べ始めて、基本的なコンパイルはlesscでできたけど、ファイルを監視する機能がないことがわかった。 ファイル更新したらコンパイルしてほしい！！！ Lessファイルをwatchするには色々あるけれど less-watch less を自動コンパイルしたい - 人生いきあたりばったりで生きてます@はてな せっかくの機会なので、名前だけ聞いていたGruntを使ってみようと思った。 Sass+Compass特集でたまたま今月買ったWEB+DB PRESSにid:naoyaさんのGrunt記事もあったし！ WEB+DB PRESS Vol.77 作者: 中川勝樹,山内沙瑛,舟崎健治,吉荒祐一,今井雄太,八木橋徹平,安川健太,近藤宇智朗,奥野幹也,天野祐介,賈成カイ,伊藤直也,住川裕岳,北川貴久,菅原一志,後藤秀宣,久森達郎,登尾徳誠,渡
フロントエンドなサイト / アプリケーション・アセンブラまとめ | Pen
はじめに 最近非常に活発に開発されている、サイト/アプリケーション・アセンブラ(スタティック・サイトジェネレータと表現するものもあるようです)、ファイル・ジェネレータなどをまとめました。 これらのツールは、ファイル監視、Liveリロード、ビルドインサーバ、画像軽量化、パッケージマネージメントなど、サイトやアプリケーション開発に必要とするものをパッケージングしたものになります。 各ツール、もっている機能もバラバラであったり、用途も微妙に違うものがあったりしますので、ほんとは同じエントリー内でまとめるのも適切なのか悩ましいところだったのですが、大きなくくりでフロントエンド開発におけるジェネレータ系のツールという解釈のもとに行いました。 また、ほとんどのツールの説明はデフォルト値のもので、設定によって、例えばテンプレートエンジンの種類の変更や、ディレクトリパス、サーバのポート番号などを変更できた
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fetched URL: http://b.hatena.ne.jp/clavier/Grunt/Sass/
Alternative Proxies:
