SassなどのCSSプリプロセッサを使うWebデザイナが増えてきました。Sassをコンパイルするだけなら黒い画面（ターミナル）を使わずともGUIアプリからの利用で問題ありません。が、ここは一歩踏み込んでGrunt（JavaScript製のタスクランナー）を使って、Sass以外のコンパイルやライブリロード、画像最適化、CSSのリントやスタイルガイド生成など、あらゆる作業をGruntに任せてより効率的な開発環境を手に入れてみませんか。
makoto tanaka tanamako
tanamako
/ modern-development-workflow-with-grunt.md
Created
November 30, 2013 08:16
— forked from t32k/modern-development-workflow-with-grunt.md
tanamako
/ keyframes-sass-output.css
Created
December 14, 2012 02:33
— forked from mirisuzanne/keyframes-sass-output.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @-webkit-keyframes bgcolor { 0% { background-color: #ffccf2; } | |
| 50% { background-color: #ccffcc; } | |
| 100% { background-color: #ccffff; } } | |
| @-moz-keyframes bgcolor { 0% { background-color: #ffccf2; } | |
| 50% { background-color: #ccffcc; } | |
| 100% { background-color: #ccffff; } } | |
| @-ms-keyframes bgcolor { 0% { background-color: #ffccf2; } | |
| 50% { background-color: #ccffcc; } |
tanamako
/ keyframes-sass-output.css
Created
December 13, 2012 10:52
— forked from mirisuzanne/keyframes-sass-output.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @-webkit-keyframes bgcolor { 0% { background-color: #ffccf2; } | |
| 50% { background-color: #ccffcc; } | |
| 100% { background-color: #ccffff; } } | |
| @-moz-keyframes bgcolor { 0% { background-color: #ffccf2; } | |
| 50% { background-color: #ccffcc; } | |
| 100% { background-color: #ccffff; } } | |
| @-ms-keyframes bgcolor { 0% { background-color: #ffccf2; } | |
| 50% { background-color: #ccffcc; } |